✨ Make site an installable PWA

splinter98 · Aug 17, 2023 · c639bca · c639bca
1 parent 8cf4f88
commit c639bca
Show file tree

Hide file tree

Showing 4 changed files with 2,579 additions and 20 deletions.
diff --git a/.gitignore b/.gitignore
@@ -33,3 +33,15 @@ yarn-error.log*
 # typescript
 *.tsbuildinfo
 next-env.d.ts
+
+#Next-pwa
+public/precache.*.*.js
+public/sw.js
+public/workbox-*.js
+public/worker-*.js
+public/fallback-*.js
+public/precache.*.*.js.map
+public/sw.js.map
+public/workbox-*.js.map
+public/worker-*.js.map
+public/fallback-*.js
diff --git a/next.config.js b/next.config.js
@@ -1,6 +1,11 @@
 /**
  * @type {import('next').NextConfig}
  */
+
+const withPWA = require('next-pwa')({
+    dest: 'public'
+})
+
 const nextConfig = {
     output: 'export',
     // Optional: Add a trailing slash to all paths `/about` -> `/about/`
@@ -9,4 +14,4 @@ const nextConfig = {
     // distDir: 'dist',
 }
 
-module.exports = nextConfig
+module.exports = withPWA(nextConfig)
diff --git a/package.json b/package.json
@@ -8,6 +8,7 @@
     "@testing-library/react": "^14.0.0",
     "@testing-library/user-event": "^14.4.3",
     "next": "^13.4.12",
+    "next-pwa": "^5.6.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "web-vitals": "^3.4.0"