feature: Initial attempt at making the app a PWA

7 files changed, 44 insertions, 2 deletions

diff --git a/packages/web/app/layout.tsx b/packages/web/app/layout.tsx
index ba4d82e8..b1790a1f 100644
--- a/packages/web/app/layout.tsx
+++ b/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 = {
diff --git a/packages/web/next.config.mjs b/packages/web/next.config.mjs
index 3ebca31a..0aa37287 100644
--- a/packages/web/next.config.mjs
+++ b/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;
diff --git a/packages/web/package.json b/packages/web/package.json
index 5c99ee7a..5367d189 100644
--- a/packages/web/package.json
+++ b/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",
diff --git a/packages/web/public/icons/logo-128.png b/packages/web/public/icons/logo-128.png
new file mode 100644
index 00000000..71ead90c
--- /dev/null
+++ b/packages/web/public/icons/logo-128.png
diff --git a/packages/web/public/icons/logo-16.png b/packages/web/public/icons/logo-16.png
new file mode 100644
index 00000000..dd864d44
--- /dev/null
+++ b/packages/web/public/icons/logo-16.png
diff --git a/packages/web/public/icons/logo-48.png b/packages/web/public/icons/logo-48.png
new file mode 100644
index 00000000..7ba1cd49
--- /dev/null
+++ b/packages/web/public/icons/logo-48.png
diff --git a/packages/web/public/manifest.json b/packages/web/public/manifest.json
new file mode 100644
index 00000000..b42343f6
--- /dev/null
+++ b/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"
+}