refactor(web): consolidate i18n routes — remove non-locale route duplication

Remove duplicate root-level route groups ((public)/, (auth)/, (dashboard)/, (admin)/, auth/) that shadowed the [locale]/ i18n-aware versions. All routes now live exclusively under [locale]/ with next-intl middleware handling locale detection and redirect. - Root layout.tsx → pass-through (delegates html/body to [locale]/layout.tsx) - [locale]/layout.tsx now imports globals.css - Root error.tsx, not-found.tsx get html wrapper for safety fallback - Remove redundant root loading.tsx - 38 duplicate route files removed Co-Authored-By: Paperclip <noreply@paperclip.ing>
2026-04-09 09:12:37 +07:00
parent e6d38c796f
commit 628150b7d8
43 changed files with 127 additions and 7213 deletions
--- a/apps/web/app/[locale]/layout.tsx
+++ b/apps/web/app/[locale]/layout.tsx
@@ -0,0 +1,118 @@
+import type { Metadata, Viewport } from 'next';
+import { notFound } from 'next/navigation';
+import { NextIntlClientProvider } from 'next-intl';
+import { getMessages, getTranslations } from 'next-intl/server';
+import { AuthProvider } from '@/components/providers/auth-provider';
+import { QueryProvider } from '@/components/providers/query-provider';
+import { ThemeProvider } from '@/components/providers/theme-provider';
+import type { Locale } from '@/i18n/config';
+import { routing } from '@/i18n/routing';
+import '../globals.css';
+
+const siteUrl = process.env['NEXT_PUBLIC_SITE_URL'] || 'https://goodgo.vn';
+
+export const viewport: Viewport = {
+  width: 'device-width',
+  initialScale: 1,
+  themeColor: '#15803d',
+};
+
+export async function generateMetadata({
+  params: { locale },
+}: {
+  params: { locale: string };
+}): Promise<Metadata> {
+  const t = await getTranslations({ locale, namespace: 'metadata' });
+
+  return {
+    metadataBase: new URL(siteUrl),
+    title: {
+      default: t('title'),
+      template: '%s | GoodGo',
+    },
+    description: t('description'),
+    keywords: [
+      'bất động sản',
+      'mua bán nhà đất',
+      'cho thuê nhà',
+      'goodgo',
+      'nhà đất việt nam',
+      'real estate vietnam',
+    ],
+    authors: [{ name: 'GoodGo' }],
+    creator: 'GoodGo',
+    openGraph: {
+      type: 'website',
+      locale: locale === 'vi' ? 'vi_VN' : 'en_US',
+      url: siteUrl,
+      siteName: 'GoodGo',
+      title: t('ogTitle'),
+      description: t('ogDescription'),
+      images: [
+        {
+          url: '/og-image.png',
+          width: 1200,
+          height: 630,
+          alt: t('ogTitle'),
+        },
+      ],
+    },
+    twitter: {
+      card: 'summary_large_image',
+      title: t('ogTitle'),
+      description: t('ogDescription'),
+      images: ['/og-image.png'],
+    },
+    robots: {
+      index: true,
+      follow: true,
+      googleBot: {
+        index: true,
+        follow: true,
+        'max-video-preview': -1,
+        'max-image-preview': 'large',
+        'max-snippet': -1,
+      },
+    },
+  };
+}
+
+export function generateStaticParams() {
+  return routing.locales.map((locale) => ({ locale }));
+}
+
+export default async function LocaleLayout({
+  children,
+  params: { locale },
+}: {
+  children: React.ReactNode;
+  params: { locale: string };
+}) {
+  // Validate locale
+  if (!routing.locales.includes(locale as Locale)) {
+    notFound();
+  }
+
+  const messages = await getMessages();
+  const t = await getTranslations({ locale, namespace: 'common' });
+
+  return (
+    <html lang={locale} suppressHydrationWarning>
+      <body>
+        <a
+          href="#main-content"
+          className="fixed left-2 top-2 z-[100] -translate-y-16 rounded-md bg-primary px-4 py-2 text-sm font-medium text-primary-foreground shadow-lg transition-transform focus:translate-y-0"
+        >
+          {t('skipToContent')}
+        </a>
+        <NextIntlClientProvider messages={messages}>
+          <ThemeProvider>
+            <QueryProvider>
+              <AuthProvider>{children}</AuthProvider>
+            </QueryProvider>
+          </ThemeProvider>
+        </NextIntlClientProvider>
+      </body>
+    </html>
+  );
+}