diff --git a/apps/next/app/layout.tsx b/apps/next/app/layout.tsx
index 69595e3..a291aef 100644
--- a/apps/next/app/layout.tsx
+++ b/apps/next/app/layout.tsx
@@ -62,7 +62,55 @@ export const metadata: Metadata = {
   description: "Supabase Modules - Build smarter with pre-built modules today",
   appleWebApp: {
     title: "The Playground",
+    capable: true,
     statusBarStyle: "black-translucent",
-    startupImage: ["/apple-icon.png"],
+    startupImage: [
+      "/apple-icon.png",
+      {
+        url: "/apple-icon.png",
+        media:
+          "(device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 3)",
+      },
+      {
+        url: "/apple-icon.png",
+        media:
+          "(device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2)",
+      },
+      {
+        url: "/apple-icon.png",
+        media:
+          "(device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3)",
+      },
+      {
+        url: "/apple-icon.png",
+        media:
+          "(device-width: 414px) and (device-height: 736px) and (-webkit-device-pixel-ratio: 3)",
+      },
+      {
+        url: "/apple-icon.png",
+        media:
+          "(device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2)",
+      },
+      {
+        url: "/apple-icon.png",
+        media:
+          "(device-width: 1024px) and (device-height: 1366px) and (-webkit-device-pixel-ratio: 2)",
+      },
+      {
+        url: "/apple-icon.png",
+        media:
+          "(device-width: 834px) and (device-height: 1194px) and (-webkit-device-pixel-ratio: 2)",
+      },
+      {
+        url: "/apple-icon.png",
+        media:
+          "(device-width: 834px) and (device-height: 1112px) and (-webkit-device-pixel-ratio: 2)",
+      },
+      {
+        url: "/apple-icon.png",
+        media:
+          "(device-width: 768px) and (device-height: 1024px) and (-webkit-device-pixel-ratio: 2)",
+      },
+    ],
   },
 }
diff --git a/apps/next/app/manifest.ts b/apps/next/app/manifest.ts
index f69a42b..ff30002 100644
--- a/apps/next/app/manifest.ts
+++ b/apps/next/app/manifest.ts
@@ -15,5 +15,12 @@ export default function manifest(): MetadataRoute.Manifest {
         type: "image/x-icon",
       },
     ],
+    screenshots: [
+      {
+        src: "/opengraph-image.png",
+        sizes: "1200x630",
+        type: "image/png",
+      },
+    ],
   }
 }