[Feat] pwa 세팅 2차

.gitignore

@@ -45,3 +45,8 @@ yarn-error.log*
 # typescript
 *.tsbuildinfo
 next-env.d.ts
+
+
+sw.*
+workbox-*
+swe-worker-*

next.config.js

@@ -1,6 +1,19 @@
 // eslint-disable-next-line @typescript-eslint/no-var-requires
 const { withContentlayer } = require("next-contentlayer");
 
+const withPWA = require("@ducanh2912/next-pwa").default({
+  dest: "public",
+  cacheOnFrontEndNav: true,
+  aggressiveFrontEndNavCaching: true,
+  reloadOnOnline: true,
+  swcMinify: true,
+  disable: process.env.NODE_ENV === "development",
+  workboxOptions: {
+    disableDevLogs: true,
+  },
+  // ... other options you like
+});
+
 /** @type {import('next').NextConfig} */
 const nextConfig = {
   typescript: {
@@ -9,7 +22,11 @@ const nextConfig = {
   eslint: {
     ignoreDuringBuilds: true,
   },
-  swcMinify: false,
+  reactStrictMode: true,
+  swcMinify: true,
+  compiler: {
+    removeConsole: process.env.NODE_ENV !== "development", // Remove console.log in production
+  },
 };
 
-module.exports = withContentlayer(nextConfig);
+module.exports = withContentlayer(withPWA(nextConfig));

package.json

@@ -26,6 +26,7 @@
     "db-generate": "prisma generate"
   },
   "dependencies": {
+    "@ducanh2912/next-pwa": "^10.2.4",
     "@prisma/client": "^5.3.1",
     "@reduxjs/toolkit": "^1.9.7",
     "@tailwindcss/typography": "^0.5.10",
@@ -46,13 +47,15 @@
     "next": "14.0.3",
     "next-auth": "^4.24.5",
     "next-contentlayer": "^0.3.4",
+    "next-pwa": "^5.6.0",
     "pino": "^8.16.2",
     "postcss": "8.4.30",
     "react": "18.2.0",
     "react-dom": "18.2.0",
     "react-redux": "^8.1.3",
     "react-toastify": "^9.1.3",
-    "tailwindcss": "3.3.3"
+    "tailwindcss": "3.3.3",
+    "webpack-manifest-plugin": "^5.0.0"
   },
   "devDependencies": {
     "@next/eslint-plugin-next": "^13.5.4",