perf!: monorepo setup + fully static + webp images

BREAKING CHANGE: minimum supported Node.js >= 22.0.0 and pnpm >= 9.5.0
2025-05-29 22:37:44 +02:00 · 2024-07-30 23:59:06 +02:00
parent 0f44e64c0c
commit 7bde328b96
336 changed files with 22933 additions and 26923 deletions
--- a/apps/website/app/[locale]/layout.tsx
+++ b/apps/website/app/[locale]/layout.tsx
@ -0,0 +1,91 @@
+import "@repo/config-tailwind/styles.css"
+import type { Locale, LocaleProps } from "@repo/i18n/config"
+import { LOCALES } from "@repo/i18n/config"
+import { Footer } from "@repo/ui/Footer"
+import { Header } from "@repo/ui/Header"
+import { ThemeProvider } from "@repo/ui/Header/SwitchTheme"
+import { VERSION } from "@repo/utils/constants"
+import type { Metadata } from "next"
+import { NextIntlClientProvider } from "next-intl"
+import {
+  getMessages,
+  getTranslations,
+  unstable_setRequestLocale,
+} from "next-intl/server"
+
+export const generateMetadata = async ({
+  params,
+}: LocaleProps): Promise<Metadata> => {
+  const t = await getTranslations({ locale: params.locale })
+  const title = t("meta.title")
+  const description = `${title} - ${t("meta.description")}`
+  const image = "/images/logo.webp"
+  const url = new URL("https://theoludwig.fr")
+  const locale = LOCALES.join(", ")
+
+  return {
+    title,
+    description,
+    metadataBase: url,
+    openGraph: {
+      title,
+      description,
+      url,
+      siteName: title,
+      images: [
+        {
+          url: image,
+          width: 96,
+          height: 96,
+        },
+      ],
+      locale,
+      type: "website",
+    },
+    twitter: {
+      card: "summary",
+      title,
+      description,
+      images: [image],
+    },
+  }
+}
+
+export const generateStaticParams = (): Array<{ locale: Locale }> => {
+  return LOCALES.map((locale) => {
+    return {
+      locale,
+    }
+  })
+}
+
+interface LocaleLayoutProps extends React.PropsWithChildren {
+  params: {
+    locale: Locale
+  }
+}
+
+const LocaleLayout: React.FC<LocaleLayoutProps> = async (props) => {
+  const { children, params } = props
+
+  // Enable static rendering
+  unstable_setRequestLocale(params.locale)
+
+  const messages = await getMessages()
+
+  return (
+    <html lang={params.locale} suppressHydrationWarning>
+      <body>
+        <ThemeProvider>
+          <NextIntlClientProvider messages={messages}>
+            <Header />
+            {children}
+            <Footer version={VERSION} />
+          </NextIntlClientProvider>
+        </ThemeProvider>
+      </body>
+    </html>
+  )
+}
+
+export default LocaleLayout