diff --git a/apps/nextjs/public/images/pwa/192.maskable.png b/apps/nextjs/public/images/pwa/192.maskable.png
new file mode 100644
index 000000000..0783e1c6e
Binary files /dev/null and b/apps/nextjs/public/images/pwa/192.maskable.png differ
diff --git a/apps/nextjs/public/images/pwa/512.maskable.png b/apps/nextjs/public/images/pwa/512.maskable.png
new file mode 100644
index 000000000..d6366700a
Binary files /dev/null and b/apps/nextjs/public/images/pwa/512.maskable.png differ
diff --git a/apps/nextjs/src/app/manifest.ts b/apps/nextjs/src/app/manifest.ts
new file mode 100644
index 000000000..21c17f3df
--- /dev/null
+++ b/apps/nextjs/src/app/manifest.ts
@@ -0,0 +1,39 @@
+import type { MetadataRoute } from "next";
+
+export default function manifest(): MetadataRoute.Manifest {
+  return {
+    name: "Homarr",
+    short_name: "Homarr",
+    description: "Your dashboard for managing your server.",
+    start_url: "/",
+    display: "standalone",
+    background_color: "#fff",
+    theme_color: "#fff",
+    icons: [
+      {
+        src: "/images/pwa/192.maskable.png",
+        sizes: "192x192",
+        type: "image/png",
+        purpose: "any",
+      },
+      {
+        src: "/images/pwa/192.maskable.png",
+        sizes: "192x192",
+        type: "image/png",
+        purpose: "maskable",
+      },
+      {
+        src: "/images/pwa/512.maskable.png",
+        sizes: "512x512",
+        type: "image/png",
+        purpose: "any",
+      },
+      {
+        src: "/images/pwa/512.maskable.png",
+        sizes: "512x512",
+        type: "image/png",
+        purpose: "maskable",
+      },
+    ],
+  };
+}