init localize

app/[locale]/layout.tsx

@@ -0,0 +1,36 @@
+import type { Metadata } from "next";
+import Script from "next/script";
+import { Locale, getDictionary } from "@/lib/i18n";
+
+export async function generateMetadata({ params }: { params: Promise<{ locale: string }> }): Promise<Metadata> {
+  const { locale } = await params;
+  const dict = getDictionary(locale as Locale);
+  return {
+    title: dict.meta.title,
+    description: dict.meta.description,
+  };
+}
+
+export async function generateStaticParams() {
+  return [{ locale: "en" }, { locale: "de" }];
+}
+
+export default function LocaleLayout({
+  children,
+}: {
+  children: React.ReactNode;
+}) {
+  return (
+    <>
+      {children}
+      {process.env.NEXT_PUBLIC_UMAMI_SRC && process.env.NEXT_PUBLIC_UMAMI_ID && (
+        <Script
+          defer
+          src={process.env.NEXT_PUBLIC_UMAMI_SRC}
+          data-website-id={process.env.NEXT_PUBLIC_UMAMI_ID}
+          strategy="afterInteractive"
+        />
+      )}
+    </>
+  );
+}