Fixed root metadata generator

seadog007 · seadog007 · commit 189d4913f14f · 2025-07-07T00:37:33.000+08:00
diff --git a/src/app/(root)/layout.tsx b/src/app/(root)/layout.tsx
@@ -1,36 +1,40 @@
 import type { Metadata } from "next";
 import "../globals.css";
-import { getTranslations } from "next-intl/server";
+import { getTranslations, setRequestLocale } from "next-intl/server";
+import { routing } from '@/i18n/routing';
 
-const locale = 'zh-tw';
-const t = await getTranslations({ locale, namespace: 'Metadata' });
+export async function generateMetadata({ params }: { params: Promise<{ locale: string }> }): Promise<Metadata> {
+  const { locale } = await params;
+  const t = await getTranslations({ locale, namespace: 'Metadata' });
 
-export const metadata: Metadata = {
-  icons: [{ rel: "icon", url: "/logo/twds_circle.svg" }],
-  title: t('title'),
-  description: t('description'),
-  keywords: "networking, security, open source, sustainability, technology, startups, future, Taiwan, sustainability, education, cybersecurity",
-  authors: [{ name: "Taiwan Digital Streaming Co." }],
-  openGraph: {
+  return {
+    icons: [{ rel: "icon", url: "/logo/twds_circle.svg" }],
     title: t('title'),
     description: t('description'),
-    type: "website",
-    locale: locale === 'zh-tw' ? 'zh_TW' : 'en_US',
-    url: "https://www.twds.com.tw/",
-    images: "https://www.twds.com.tw/img/og.png",
-  },
-  twitter: {
-    card: "summary_large_image",
-    title: t('title'),
-    description: t('description'),
-  },
-};
+    keywords: "networking, security, open source, sustainability, technology, startups, future, Taiwan, sustainability, education, cybersecurity",
+    authors: [{ name: "Taiwan Digital Streaming Co." }],
+    openGraph: {
+      title: t('title'),
+      description: t('description'),
+      type: "website",
+      locale: locale === 'zh-tw' ? 'zh_TW' : 'en_US',
+      url: "https://www.twds.com.tw/",
+      images: "https://www.twds.com.tw/img/og.png",
+    },
+    twitter: {
+      card: "summary_large_image",
+      title: t('title'),
+      description: t('description'),
+    },
+  };
+}
 
 export default function RootLayout({
   children,
 }: Readonly<{
   children: React.ReactNode;
 }>) {
+  setRequestLocale(routing.defaultLocale);
   return (
     <html lang="zh-TW">
       <body>
diff --git a/src/app/(root)/page.tsx b/src/app/(root)/page.tsx
@@ -1,6 +1,19 @@
-import { redirect } from 'next/navigation';
+'use client'
+
+import { useEffect } from 'react';
 import { routing } from '@/i18n/routing';
 
 export default function RootPage() {
-  redirect(`/${routing.defaultLocale}`);
+  useEffect(() => {
+    window.location.href = `/${routing.defaultLocale}`;
+  }, []);
+
+  return (
+    <div className="min-h-screen flex items-center justify-center">
+      <div className="text-center">
+        <div className="animate-spin rounded-full h-8 w-8 border-b-2 border-green-500 mx-auto mb-4"></div>
+        <p className="text-gray-600">Redirecting...</p>
+      </div>
+    </div>
+  );
 } 
