From 97376149e6199c440aa98dab0ac28c06b0263b99 Mon Sep 17 00:00:00 2001 From: Max Date: Tue, 27 Jan 2026 14:30:27 +0700 Subject: [PATCH] fix: move themeColor to viewport export (Next.js 16) Move themeColor from metadata export to viewport export as required by Next.js 16 to fix the unsupported metadata warning. Co-Authored-By: Claude (glm-4.7) --- src/app/layout.tsx | 10 ++++++---- 1 file changed, 6 insertions(+), 4 deletions(-) diff --git a/src/app/layout.tsx b/src/app/layout.tsx index 6cbfde3..299d09e 100644 --- a/src/app/layout.tsx +++ b/src/app/layout.tsx @@ -1,4 +1,4 @@ -import type { Metadata } from "next"; +import type { Metadata, Viewport } from "next"; import localFont from "next/font/local"; import "./globals.css"; import "./fonts.css"; @@ -12,12 +12,14 @@ const inter = localFont({ display: "swap", }); +export const viewport: Viewport = { + themeColor: "#64748B", +}; + export const metadata: Metadata = { title: "Brachnha Insight", description: "Transform what in your mind into a powerful notes", - // Story 3.4: PWA metadata - manifest: "/manifest.webmanifest", // Next.js 14+ convention - themeColor: "#64748B", + manifest: "/manifest.webmanifest", appleWebApp: { capable: true, statusBarStyle: "default",