2024-07-30 23:59:06 +02:00
|
|
|
import "@repo/config-tailwind/styles.css"
|
2024-11-09 19:50:22 +01:00
|
|
|
import type { LocaleProps } from "@repo/i18n/routing"
|
2024-09-11 23:53:26 +02:00
|
|
|
import type { Locale } from "@repo/utils/constants"
|
|
|
|
|
import { LOCALES } from "@repo/utils/constants"
|
2024-07-30 23:59:06 +02:00
|
|
|
import type { Metadata } from "next"
|
|
|
|
|
import { NextIntlClientProvider } from "next-intl"
|
|
|
|
|
import {
|
|
|
|
|
getMessages,
|
|
|
|
|
getTranslations,
|
2024-11-09 19:50:22 +01:00
|
|
|
setRequestLocale,
|
2024-07-30 23:59:06 +02:00
|
|
|
} from "next-intl/server"
|
|
|
|
|
|
|
|
|
|
export const generateMetadata = async ({
|
|
|
|
|
params,
|
|
|
|
|
}: LocaleProps): Promise<Metadata> => {
|
2024-11-09 19:50:22 +01:00
|
|
|
const { locale } = await params
|
|
|
|
|
const t = await getTranslations({ locale })
|
2024-07-30 23:59:06 +02:00
|
|
|
const title = t("meta.title")
|
|
|
|
|
const description = `${title} - ${t("meta.description")}`
|
|
|
|
|
const image = "/images/logo.webp"
|
|
|
|
|
const url = new URL("https://theoludwig.fr")
|
2024-11-09 19:50:22 +01:00
|
|
|
const locales = LOCALES.join(", ")
|
2024-07-30 23:59:06 +02:00
|
|
|
|
|
|
|
|
return {
|
|
|
|
|
title,
|
|
|
|
|
description,
|
|
|
|
|
metadataBase: url,
|
|
|
|
|
openGraph: {
|
|
|
|
|
title,
|
|
|
|
|
description,
|
|
|
|
|
url,
|
|
|
|
|
siteName: title,
|
|
|
|
|
images: [
|
|
|
|
|
{
|
|
|
|
|
url: image,
|
|
|
|
|
width: 96,
|
|
|
|
|
height: 96,
|
|
|
|
|
},
|
|
|
|
|
],
|
2024-11-09 19:50:22 +01:00
|
|
|
locale: locales,
|
2024-07-30 23:59:06 +02:00
|
|
|
type: "website",
|
|
|
|
|
},
|
|
|
|
|
twitter: {
|
|
|
|
|
card: "summary",
|
|
|
|
|
title,
|
|
|
|
|
description,
|
|
|
|
|
images: [image],
|
|
|
|
|
},
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
export const generateStaticParams = (): Array<{ locale: Locale }> => {
|
|
|
|
|
return LOCALES.map((locale) => {
|
|
|
|
|
return {
|
|
|
|
|
locale,
|
|
|
|
|
}
|
|
|
|
|
})
|
|
|
|
|
}
|
|
|
|
|
|
2024-07-31 19:23:14 +02:00
|
|
|
interface LocaleLayoutProps extends React.PropsWithChildren, LocaleProps {}
|
2024-07-30 23:59:06 +02:00
|
|
|
|
|
|
|
|
const LocaleLayout: React.FC<LocaleLayoutProps> = async (props) => {
|
|
|
|
|
const { children, params } = props
|
|
|
|
|
|
2024-11-09 19:50:22 +01:00
|
|
|
const { locale } = await params
|
2024-07-30 23:59:06 +02:00
|
|
|
// Enable static rendering
|
2024-11-09 19:50:22 +01:00
|
|
|
setRequestLocale(locale)
|
2024-07-30 23:59:06 +02:00
|
|
|
|
|
|
|
|
const messages = await getMessages()
|
|
|
|
|
|
|
|
|
|
return (
|
2024-11-09 19:50:22 +01:00
|
|
|
<html lang={locale} suppressHydrationWarning>
|
2024-07-30 23:59:06 +02:00
|
|
|
<body>
|
2024-07-31 19:23:14 +02:00
|
|
|
<NextIntlClientProvider messages={messages}>
|
|
|
|
|
{children}
|
|
|
|
|
</NextIntlClientProvider>
|
2024-07-30 23:59:06 +02:00
|
|
|
</body>
|
|
|
|
|
</html>
|
|
|
|
|
)
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
export default LocaleLayout
|
