add next-pwa to turn website into pwa

next.config.mjs

@@ -1,4 +1,10 @@
+import createPWA from "next-pwa";
+
+const withPWA = createPWA({
+	dest: "public"
+});
+
 /** @type {import('next').NextConfig} */
 const nextConfig = {};
 
-export default nextConfig;
+export default withPWA(nextConfig);

package.json

@@ -12,10 +12,12 @@
     "@nextui-org/react": "^2.2.10",
     "framer-motion": "^11.0.12",
     "next": "14.1.3",
+    "next-pwa": "^5.6.0",
     "react": "^18",
     "react-dom": "^18"
   },
   "devDependencies": {
+    "@types/next-pwa": "^5.6.9",
     "@types/node": "^20",
     "@types/react": "^18",
     "@types/react-dom": "^18",

public/.gitignore

@@ -0,0 +1 @@
+/**.js