feat: PWA compatibility

.gitignore

@@ -3,6 +3,14 @@
 # IDE
 .idea
 
+# PWA files
+**/public/sw.js
+**/public/workbox-*.js
+**/public/worker-*.js
+**/public/sw.js.map
+**/public/workbox-*.js.map
+**/public/worker-*.js.map
+
 # dependencies
 /node_modules
 /.pnp

app/layout.tsx

@@ -28,6 +28,7 @@ export const metadata: Metadata = {
         locale: "en_US",
         type: "website",
     },
+    // manifest: "/manifest",
 };
 
 export default function RootLayout({

app/manifest.ts

@@ -0,0 +1,45 @@
+import { MetadataRoute } from "next";
+
+export default function manifest(): MetadataRoute.Manifest {
+    return {
+        theme_color: "#7e55ff",
+        background_color: "#ffffff",
+        display: "standalone",
+        scope: "/",
+        start_url: "/",
+        name: "GE-Z",
+        short_name: "GE-Z",
+        icons: [
+            {
+                src: "icons/icon-192x192.png",
+                sizes: "192x192",
+                type: "image/png",
+                purpose: "any",
+            },
+            {
+                src: "icons/icon-256x256.png",
+                sizes: "256x256",
+                type: "image/png",
+                purpose: "any",
+            },
+            {
+                src: "icons/icon-384x384.png",
+                sizes: "384x384",
+                type: "image/png",
+                purpose: "any",
+            },
+            {
+                src: "icons/icon-512x512.png",
+                sizes: "512x512",
+                type: "image/png",
+                purpose: "any",
+            },
+            {
+                src: "icons/icon-512x512.png",
+                sizes: "512x512",
+                type: "image/png",
+                purpose: "maskable",
+            },
+        ],
+    };
+}

next.config.js

@@ -1,4 +1,13 @@
 /** @type {import('next').NextConfig} */
-const nextConfig = {}
 
-module.exports = nextConfig
+const runtimeCaching = require("next-pwa/cache");
+const withPWA = require('next-pwa')({
+    dest: 'public',
+    register: true,
+    skipWaiting: true,
+    runtimeCaching
+})
+
+module.exports = withPWA({
+    reactStrictMode: false
+})

package.json

@@ -18,6 +18,7 @@
         "clsx": "^2.0.0",
         "lucide-react": "^0.303.0",
         "next": "^14.0.2",
+        "next-pwa": "^5.6.0",
         "react": "^18.2.0",
         "react-datepicker": "^4.25.0",
         "react-dom": "^18.2.0",