feat PWA

.gitignore

@@ -33,4 +33,12 @@ yarn-error.log*
 .turbo
 
 .contentlayer
-.env
+.env
+
+# PWA
+**/public/sw.js
+**/public/workbox-*.js
+**/public/worker-*.js
+**/public/sw.js.map
+**/public/workbox-*.js.map
+**/public/worker-*.js.map

next.config.js

@@ -1,10 +1,18 @@
+// @ts-check
+
 const { withContentlayer } = require('next-contentlayer')
+const withPWA = require("@ducanh2912/next-pwa").default({
+	dest: "public",
+	register: true,
+	disable: process.env.NODE_ENV === "development",
+	scope: "/app",
+})
 
 /** @type {import('next').NextConfig} */
 const nextConfig = {
 	images: {
-		domains: ["picsum.photos", "github.com", "localhost"],
+		domains: ["github.com", "localhost"],
 	},
 }
 
-module.exports = withContentlayer(nextConfig)
+module.exports = withContentlayer(withPWA(nextConfig))

package.json

@@ -17,6 +17,7 @@
 		"fix-all": "pnpm format && pnpm lint:fix"
 	},
 	"dependencies": {
+		"@ducanh2912/next-pwa": "^9.2.0",
 		"@radix-ui/react-alert-dialog": "^1.0.4",
 		"@radix-ui/react-avatar": "^1.0.3",
 		"@radix-ui/react-dialog": "^1.0.4",
@@ -30,6 +31,7 @@
 		"lucide-react": "^0.248.0",
 		"next": "13.4.7",
 		"next-contentlayer": "^0.3.3",
+		"next-pwa": "^5.6.0",
 		"next-themes": "^0.2.1",
 		"react": "18.2.0",
 		"react-dom": "18.2.0",