use Image for assets, add pwa

.gitignore

@@ -5,3 +5,11 @@ node_modules
 
 /.next
 /next-env.d.ts
+
+# next-pwa
+
+/public/workbox**
+/public/sw**
+/public/worker**
+/public/fallback**
+/public/precache**

next.config.js

@@ -1,5 +1,15 @@
-const nextConfig = {
-  output: "export",
-}
+import withPWAInit from "@ducanh2912/next-pwa"
+
+const withPWA = withPWAInit({
+  dest: "public",
+  fallbacks: {
+    document: "/~offline",
+  },
+})
 
-export default nextConfig
+export default withPWA({
+  output: "export",
+  images: {
+    unoptimized: true,
+  },
+})

package.json

@@ -14,6 +14,7 @@
     "uuid": "9.0.0"
   },
   "devDependencies": {
+    "@ducanh2912/next-pwa": "9.1.4",
     "@types/node": "20.4.0",
     "@types/react": "18.2.14",
     "@types/react-dom": "18.2.6",
@@ -33,6 +34,7 @@
     "prettier": "2.8.8",
     "prettier-plugin-tailwindcss": "0.3.0",
     "react-hook-form": "7.45.1",
+    "sharp": "0.32.1",
     "tailwindcss": "3.3.2",
     "tailwindcss-radix": "2.8.0",
     "typescript": "5.1.6"
@@ -46,7 +48,7 @@
     "build": "next build --no-lint",
     "dev": "next dev --turbo",
     "fmt": "prettier -w src",
-    "lint": "tsc && next lint"
+    "lint": "next lint"
   },
   "type": "module"
 }