Adding web manifest

webscopeio · Apr 2, 2024 · 157e03d · 157e03d
1 parent 89ba497
commit 157e03d
Show file tree

Hide file tree

Showing 2 changed files with 23 additions and 0 deletions.
diff --git a/apps/next/app/layout.tsx b/apps/next/app/layout.tsx
@@ -20,6 +20,10 @@ export const metadata: Metadata = {
   metadataBase: new URL("https://supabase-modules-demo.vercel.app/"),
   title: "The Playground",
   description: "Supabase Modules - Build smarter with pre-built modules today",
+  themeColor: [
+    { media: "(prefers-color-scheme: light)", color: "#000000" },
+    { media: "(prefers-color-scheme: dark)", color: "#030712" },
+  ],
 }
 
 export default async function RootLayout({

diff --git a/apps/next/app/manifest.ts b/apps/next/app/manifest.ts
@@ -0,0 +1,19 @@
+import { MetadataRoute } from "next"
+
+export default function manifest(): MetadataRoute.Manifest {
+  return {
+    name: "The Playground",
+    short_name: "The Playground",
+    description: "The Playground",
+    start_url: "/",
+    display: "fullscreen",
+    background_color: "#fff",
+    icons: [
+      {
+        src: "/favicon.ico",
+        sizes: "any",
+        type: "image/x-icon",
+      },
+    ],
+  }
+}