Ship in every language.Catch every missing word.

// app/[locale]/page.tsx — Server Component
import { getTranslations } from "@sonenta/next/server";

export default async function Page({ params }) {
  const { locale } = await params;
  const { t } = await getTranslations(config, locale);
  return <h1>{t("hero.title.line1")}</h1>; // resolved at build
}

// app/[locale]/providers.tsx — Client Component
"use client";
import { SonentaProvider } from "@sonenta/next/client";

export function Providers({ locale, initialBundles, children }) {
  // hydrates from the server snapshot — no client refetch
  return (
    <SonentaProvider defaultLocale={locale} initialBundles={initialBundles}>
      {children}
    </SonentaProvider>
  );
}