Merge pull request #79 from Funssion-SWM/develop

pwa 적용
Funssion-SWM · Dec 3, 2023 · b4d254d · b4d254d
2 parents ced3bbe + 9ead6a5
commit b4d254d
Show file tree

Hide file tree

Showing 10 changed files with 3,041 additions and 128 deletions.
diff --git a/.gitignore b/.gitignore
@@ -39,3 +39,12 @@ next-env.d.ts
 .vscode
 # Sentry Auth Token
 .sentryclirc
+
+
+#pwa
+**/public/sw.js
+**/public/workbox-*.js
+**/public/worker-*.js
+**/public/sw.js.map
+**/public/workbox-*.js.map
+**/public/worker-*.js.map
diff --git a/next.config.js b/next.config.js
@@ -1,4 +1,9 @@
 /** @type {import('next').NextConfig} */
+
+const withPWA = require('next-pwa')({
+  dest: 'public',
+});
+
 const nextConfig = {
   output: 'standalone',
   experimental: {
@@ -7,9 +12,15 @@ const nextConfig = {
   images: {
     remotePatterns: [{ protocol: 'https', hostname: 'store.inforum.me' }],
   },
+  reactStrictMode: true,
+  pwa: {
+    dest: 'public',
+    register: true,
+    skipWaiting: true,
+  },
 };
 
-module.exports = nextConfig;
+module.exports = withPWA(nextConfig);
 
 // Injected content via Sentry wizard below
 

diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -49,6 +49,7 @@
     "lowlight": "2.4",
     "lucide-react": "^0.259.0",
     "next": "^13.2.4",
+    "next-pwa": "^5.6.0",
     "openai-edge": "^1.2.2",
     "postcss": "8.4.24",
     "react": "^18.2.0",

diff --git a/public/img/icon-192x192.png b/public/img/icon-192x192.png
diff --git a/public/img/icon-256x256.png b/public/img/icon-256x256.png
diff --git a/public/img/icon-384x384.png b/public/img/icon-384x384.png
diff --git a/public/img/icon-512x512.png b/public/img/icon-512x512.png
diff --git a/public/manifest.json b/public/manifest.json
@@ -0,0 +1,31 @@
+{
+  "theme_color": "#4992FF",
+  "background_color": "#FFFFFF",
+  "display": "standalone",
+  "scope": "/",
+  "start_url": "https://www.inforum.me",
+  "name": "inforum",
+  "short_name": "inforum",
+  "icons": [
+      {
+          "src": "img/icon-192x192.png",
+          "sizes": "192x192",
+          "type": "image/png"
+      },
+      {
+          "src": "img/icon-256x256.png",
+          "sizes": "256x256",
+          "type": "image/png"
+      },
+      {
+          "src": "img/icon-384x384.png",
+          "sizes": "384x384",
+          "type": "image/png"
+      },
+      {
+          "src": "img/icon-512x512.png",
+          "sizes": "512x512",
+          "type": "image/png"
+      }
+  ]
+}
diff --git a/src/app/layout.tsx b/src/app/layout.tsx
@@ -38,6 +38,9 @@ export default async function RootLayout({
 }) {
   return (
     <html lang="ko" className={pretendard.className}>
+      <head>
+        <link rel="manifest" href="/manifest.json" />
+      </head>
       <GoogleAnalytics />
       <body className="flex flex-col">
         <ToastProvider>