feature: Initial attempt at making the app a PWA

.gitignore

@@ -38,3 +38,11 @@ next-env.d.ts
 
 # The sqlite database
 **/dev.db
+
+# PWA Files
+**/public/sw.js
+**/public/workbox-*.js
+**/public/worker-*.js
+**/public/sw.js.map
+**/public/workbox-*.js.map
+**/public/worker-*.js.map

packages/web/app/layout.tsx

@@ -12,7 +12,16 @@ const inter = Inter({ subsets: ["latin"] });
 
 export const metadata: Metadata = {
   title: "Hoarder",
+  applicationName: "Hoarder",
   description: "Your AI powered second brain",
+  manifest: "/manifest.json",
+  appleWebApp: {
+    capable: true,
+    title: "Hoarder",
+  },
+  formatDetection: {
+    telephone: false,
+  },
 };
 
 export const viewport: Viewport = {

packages/web/next.config.mjs

@@ -1,5 +1,12 @@
+import pwa from "next-pwa";
+
+const withPWA = pwa({
+  dest: "public",
+  disable: process.env.NODE_ENV != "production",
+});
+
 /** @type {import('next').NextConfig} */
-const nextConfig = {
+const nextConfig = withPWA({
   output: "standalone",
   async headers() {
     return [
@@ -27,6 +34,6 @@ const nextConfig = {
       },
     ];
   },
-};
+});
 
 export default nextConfig;

packages/web/package.json

@@ -44,6 +44,7 @@
     "meilisearch": "^0.37.0",
     "next": "14.1.1",
     "next-auth": "^4.24.5",
+    "next-pwa": "^5.6.0",
     "prettier": "^3.2.5",
     "react": "^18",
     "react-dom": "^18",

packages/web/public/manifest.json

@@ -0,0 +1,25 @@
+{
+  "name": "Hoarder",
+  "short_name": "Hoarder",
+  "icons": [
+    {
+      "src": "/icons/logo-16.png",
+      "sizes": "16x16",
+      "type": "image/png",
+      "purpose": "any maskable"
+    },
+    {
+      "src": "/icons/logo-48.png",
+      "sizes": "48x48",
+      "type": "image/png"
+    },
+    {
+      "src": "/icons/logo-128.png",
+      "sizes": "128x128",
+      "type": "image/png"
+    }
+  ],
+  "start_url": "/",
+  "display": "standalone",
+  "orientation": "portrait"
+}