From d9f80f6221ffa7de6d0a93c4e71d17690eda13e4 Mon Sep 17 00:00:00 2001
From: Rami Bitar <rbitar@gmail.com>
Date: Thu, 24 Sep 2026 11:21:53 -0400
Subject: [PATCH] Add site metadata and serve favicon from public/

Moving favicon.ico out of app/ bypasses Next's metadata image loader,
which fails to read the .ico in sandboxed runtimes.

Co-Authored-By: Claude Opus 5.5 (1M context) <noreply@anthropic.com>
---
 app/layout.tsx              |  35 +++++++++++++++++++++++++++++++++--
 {app => public}/favicon.ico | Bin
 2 files changed, 33 insertions(+), 2 deletions(-)
 rename {app => public}/favicon.ico (100%)

diff --git a/app/layout.tsx b/app/layout.tsx
index 32700d5..19e8dce 100644
--- a/app/layout.tsx
+++ b/app/layout.tsx
@@ -1,9 +1,40 @@
 import type { Metadata } from "next";
 import "./globals.css";
 
+const siteName = "Next.js Template";
+const siteDescription =
+  "A Next.js 16 starter with Tailwind CSS and shadcn/ui, ready to deploy on Vercel.";
+
+// Absolute origin behind `metadataBase`, so Open Graph images resolve to full
+// URLs. Vercel injects VERCEL_PROJECT_PRODUCTION_URL on deployed builds.
+const siteUrl =
+  process.env.NEXT_PUBLIC_SITE_URL ??
+  (process.env.VERCEL_PROJECT_PRODUCTION_URL
+    ? `https://${process.env.VERCEL_PROJECT_PRODUCTION_URL}`
+    : "http://localhost:3000");
+
+// Routes only set their own `title`; the template appends the site name.
 export const metadata: Metadata = {
-  title: "Create Next App",
-  description: "Generated by create next app",
+  metadataBase: new URL(siteUrl),
+  title: {
+    default: siteName,
+    template: `%s — ${siteName}`,
+  },
+  description: siteDescription,
+  // Served from public/ so it bypasses the metadata image loader.
+  icons: { icon: "/favicon.ico" },
+  openGraph: {
+    type: "website",
+    siteName,
+    title: siteName,
+    description: siteDescription,
+    url: "/",
+  },
+  twitter: {
+    card: "summary_large_image",
+    title: siteName,
+    description: siteDescription,
+  },
 };
 
 export default function RootLayout({
diff --git a/app/favicon.ico b/public/favicon.ico
similarity index 100%
rename from app/favicon.ico
rename to public/favicon.ico