feat(i18n): add locale layout and dynamic lang attribute
Add [locale] layout with locale validation and static rendering support. Update root layout to read x-next-intl-locale header for dynamic lang attribute. Ultraworked with [Sisyphus](https://github.com/code-yeongyu/oh-my-openagent) Co-authored-by: Sisyphus <clio-agent@sisyphuslabs.ai>
This commit is contained in:
parent
c4a35e97c3
commit
85ea4e6200
2 changed files with 32 additions and 2 deletions
26
src/app/[locale]/layout.tsx
Normal file
26
src/app/[locale]/layout.tsx
Normal file
|
|
@ -0,0 +1,26 @@
|
|||
import { setRequestLocale } from 'next-intl/server';
|
||||
import { hasLocale } from 'next-intl';
|
||||
import { notFound } from 'next/navigation';
|
||||
import { routing } from '@/i18n/routing';
|
||||
|
||||
export function generateStaticParams() {
|
||||
return routing.locales.map((locale) => ({ locale }));
|
||||
}
|
||||
|
||||
export default async function LocaleLayout({
|
||||
children,
|
||||
params,
|
||||
}: {
|
||||
children: React.ReactNode;
|
||||
params: Promise<{ locale: string }>;
|
||||
}) {
|
||||
const { locale } = await params;
|
||||
|
||||
if (!hasLocale(routing.locales, locale)) {
|
||||
notFound();
|
||||
}
|
||||
|
||||
setRequestLocale(locale);
|
||||
|
||||
return <>{children}</>;
|
||||
}
|
||||
|
|
@ -1,4 +1,5 @@
|
|||
import type { Metadata } from 'next';
|
||||
import { headers } from 'next/headers';
|
||||
import './globals.css';
|
||||
import { NextIntlClientProvider } from 'next-intl';
|
||||
import { ThemeProvider } from '@wrksz/themes/next';
|
||||
|
|
@ -14,14 +15,17 @@ export const metadata: Metadata = {
|
|||
description: 'Create SaaS in a day!',
|
||||
};
|
||||
|
||||
export default function RootLayout({
|
||||
export default async function RootLayout({
|
||||
children,
|
||||
}: Readonly<{
|
||||
children: React.ReactNode;
|
||||
}>) {
|
||||
const headersList = await headers();
|
||||
const locale = headersList.get('x-next-intl-locale') || 'en';
|
||||
|
||||
return (
|
||||
<html
|
||||
lang="en"
|
||||
lang={locale}
|
||||
className={cn('h-full antialiased', 'font-mono', geistMono.variable)}
|
||||
suppressHydrationWarning
|
||||
>
|
||||
|
|
|
|||
Loading…
Reference in a new issue