add better favicon support

app/layout.tsx

@@ -14,7 +14,7 @@ export const metadata: Metadata = {
   metadataBase: new URL(siteUrl),
   title: { template: `%s - ${appName}`, default: appName },
   description: siteDescription,
-  icons: { icon: '/favicon.png' },
+  appleWebApp: { title: appName },
   openGraph: { siteName: appName, images: '/images/home-social-graph.png' },
   twitter: { card: 'summary_large_image' },
 };

app/manifest.ts

@@ -0,0 +1,28 @@
+import type { MetadataRoute } from 'next';
+import { appName, siteDescription } from '@/lib/shared';
+
+export default function manifest(): MetadataRoute.Manifest {
+  return {
+    name: appName,
+    short_name: appName,
+    description: siteDescription,
+    start_url: '/',
+    display: 'standalone',
+    background_color: '#FAF9F2',
+    theme_color: '#FAF9F2',
+    icons: [
+      {
+        src: '/web-app-manifest-192x192.png',
+        sizes: '192x192',
+        type: 'image/png',
+        purpose: 'maskable',
+      },
+      {
+        src: '/web-app-manifest-512x512.png',
+        sizes: '512x512',
+        type: 'image/png',
+        purpose: 'maskable',
+      },
+    ],
+  };
+}

proxy.ts

@@ -41,5 +41,7 @@ export default function proxy(request: NextRequest) {
 
 export const config = {
   // skip Next internals, API routes, generated files and static assets
-  matcher: ['/((?!_next/|api/|og/|llms|images/|logo/|favicon).*)'],
+  matcher: [
+    '/((?!_next/|api/|og/|llms|images/|logo/|favicon|icon|apple-icon|manifest|web-app-manifest).*)',
+  ],
 };