diff --git a/apps/web/public/manifest.json b/apps/web/public/manifest.json
new file mode 100644
index 000000000..edf9d261e
--- /dev/null
+++ b/apps/web/public/manifest.json
@@ -0,0 +1,21 @@
+{
+  "short_name": "Rallly",
+  "name": "Rallly",
+  "icons": [
+    {
+      "src": "android-chrome-192x192.png",
+      "sizes": "192x192",
+      "type": "image/png"
+    },
+    {
+      "src": "android-chrome-512x512.png",
+      "sizes": "512x512",
+      "type": "image/png"
+    }
+  ],
+  "start_url": "/",
+  "scope": "/",
+  "display": "standalone",
+  "background_color": "#F3F4F6",
+  "theme_color": "#4F46E5"
+}
diff --git a/apps/web/src/pages/_document.tsx b/apps/web/src/pages/_document.tsx
index 60e70366d..98e16e854 100644
--- a/apps/web/src/pages/_document.tsx
+++ b/apps/web/src/pages/_document.tsx
@@ -75,6 +75,8 @@ export default function Document() {
           href="/favicon-128x128.png"
           sizes="128x128"
         />
+        <meta name="apple-mobile-web-app-capable" content="yes" />
+        <link rel="manifest" href="/manifest.json" />
         <meta name="robots" content="noindex,nofollow" />
         <meta name="application-name" content="Rallly" />
         <meta name="msapplication-TileColor" content="#FFFFFF" />