FrancisGregori/locale_layout.tsx

## locale_layout.tsx
import { ReactNode } from 'react';

import { Inter } from 'next/font/google';
import { notFound } from 'next/navigation';

import Providers from '@/app/providers';
import Navbar from '@/components/Navbar';
import { locales } from '@/navigation';

const inter = Inter({ subsets: ['latin'] });

export function generateStaticParams() {
  return locales.map((locale) => ({ locale }));
}

export default function LocaleLayout({
  children,
  params: { locale },
}: {
  children: ReactNode;
  params: { locale: string };
}) {
  if (!locales.includes(locale as any)) notFound();

  return (
    <html lang={locale}>
      <body className={inter.className}>
        <Providers>
          <Navbar locale={locale} />
          {children}
        </Providers>
      </body>
    </html>
  );
}
	import { ReactNode } from 'react';

	import { Inter } from 'next/font/google';
	import { notFound } from 'next/navigation';

	import Providers from '@/app/providers';
	import Navbar from '@/components/Navbar';
	import { locales } from '@/navigation';

	const inter = Inter({ subsets: ['latin'] });

	export function generateStaticParams() {
	return locales.map((locale) => ({ locale }));
	}

	export default function LocaleLayout({
	children,
	params: { locale },
	}: {
	children: ReactNode;
	params: { locale: string };
	}) {
	if (!locales.includes(locale as any)) notFound();

	return (
	<html lang={locale}>
	<body className={inter.className}>
	<Providers>
	<Navbar locale={locale} />
	{children}
	</Providers>
	</body>
	</html>
	);
	}