How would you structure your routes in the App Router to support multiple languages?

You add a dynamic locale segment as the first part of every route, such as app/[locale]/page.js, and read the locale parameter to determine which language's content and translations to load for that specific request, keeping your URL structure clean and predictable across every supported language.

// app/[locale]/products/page.js
export default async function ProductsPage({ params }) {
  const { locale } = await params;
  const translations = await getTranslations(locale);
  return <h1>{translations.productsTitle}</h1>;
}