diff --git a/astro/src/components/Alert/Alert.astro b/astro/src/components/Alert/Alert.astro
index a43bfba6733..d856424674d 100644
--- a/astro/src/components/Alert/Alert.astro
+++ b/astro/src/components/Alert/Alert.astro
@@ -1,23 +1,20 @@
 ---
 import styles from "./Alert.module.css";
 import { classListFactory } from "@lib/cssUtils/classListFactory";
-import { i18n } from "@lib/i18n/i18n";
-import { DEFAULT_LOCALE, isLocale } from "@lib/i18n/locale";
+import { useTranslations } from "@lib/i18n/i18n";
 
 interface Props {
   level?: "info" | "danger" | "warning" | "tip";
 }
 
 const { level = "info" } = Astro.props;
-const lang = isLocale(Astro.currentLocale)
-  ? Astro.currentLocale
-  : DEFAULT_LOCALE;
+const translate = useTranslations(Astro.currentLocale);
 
 const labels: Record<NonNullable<Props["level"]>, string> = {
-  info: i18n("alert_note", lang),
-  danger: i18n("alert_caution", lang),
-  warning: i18n("alert_warning", lang),
-  tip: i18n("alert_tip", lang),
+  info: translate("alert_note"),
+  danger: translate("alert_caution"),
+  warning: translate("alert_warning"),
+  tip: translate("alert_tip"),
 };
 
 const label = labels[level];
diff --git a/astro/src/components/ApiCodeExample/ApiCodeExample.astro b/astro/src/components/ApiCodeExample/ApiCodeExample.astro
index f916933fc23..eae0ceffcac 100644
--- a/astro/src/components/ApiCodeExample/ApiCodeExample.astro
+++ b/astro/src/components/ApiCodeExample/ApiCodeExample.astro
@@ -6,7 +6,7 @@ import ExpandChevron from "@components/ExpandChevron/ExpandChevron.astro";
 import styles from "./ApiCodeExample.module.css";
 import { classListFactory } from "@lib/cssUtils/classListFactory";
 import { generateElementId } from "@lib/componentUtils/generateElementId";
-import { i18n } from "@lib/i18n/i18n";
+import { useTranslations } from "@lib/i18n/i18n";
 
 const cl = classListFactory(styles);
 
@@ -29,6 +29,7 @@ interface Props {
 }
 
 const { examples } = Astro.props;
+const translate = useTranslations(Astro.currentLocale);
 
 const groupId = generateElementId("api-code-example");
 const labels = examples.map((ex) => ex.label);
@@ -38,7 +39,7 @@ const panelIds = examples.map((_, i) => `${groupId}-panel-${i}`);
 {
   examples.length > 0 && (
     <div class={cl("api-code-example")}>
-      <h3 class={cl("api-code-example__heading")}>{i18n("code_example")}</h3>
+      <h3 class={cl("api-code-example__heading")}>{translate("code_example")}</h3>
 
       <Tabs id={groupId} variant="pills" labels={labels} panelIds={panelIds}>
         {examples.map((ex, tabIdx) => (
diff --git a/astro/src/components/ApiEndpoint/ApiEndpoint.astro b/astro/src/components/ApiEndpoint/ApiEndpoint.astro
index ea1c18c409c..2cf3fa801fc 100644
--- a/astro/src/components/ApiEndpoint/ApiEndpoint.astro
+++ b/astro/src/components/ApiEndpoint/ApiEndpoint.astro
@@ -12,7 +12,7 @@ import { getDefaultRegions } from "@lib/api/regionResolver";
 import { renderMarkdownInline } from "@lib/api/markdownRenderer";
 import styles from "./ApiEndpoint.module.css";
 import { classListFactory } from "@lib/cssUtils/classListFactory";
-import { i18n } from "@lib/i18n/i18n";
+import { useTranslations } from "@lib/i18n/i18n";
 
 const allRegions = getDefaultRegions();
 const cl = classListFactory(styles);
@@ -50,6 +50,7 @@ interface Props {
 }
 
 const { data: dataJson } = Astro.props;
+const translate = useTranslations(Astro.currentLocale);
 
 let ep: EndpointData | null = null;
 try {
@@ -122,7 +123,7 @@ const hasParams =
       </div>
 
       {/* Description — rendered as slot content from the parent page */}
-      {ep.description && <h3>{i18n("overview")}</h3>}
+      {ep.description && <h3>{translate("overview")}</h3>}
       <slot />
 
       {/* Permissions */}
@@ -146,7 +147,7 @@ const hasParams =
       {/* Arguments */}
       {hasParams && (
         <div class={cl("api-endpoint__section")}>
-          <h3>{i18n("arguments")}</h3>
+          <h3>{translate("arguments")}</h3>
           {ep.pathParams && ep.pathParams.length > 0 && (
             <ApiSchemaTable fields={ep.pathParams} />
           )}
diff --git a/astro/src/components/ApiPageHeader/ApiPageHeader.astro b/astro/src/components/ApiPageHeader/ApiPageHeader.astro
index c919bf30a3c..10dc8bcd7bc 100644
--- a/astro/src/components/ApiPageHeader/ApiPageHeader.astro
+++ b/astro/src/components/ApiPageHeader/ApiPageHeader.astro
@@ -1,22 +1,20 @@
 ---
 import CopyPageButtonIsland from "@components/CopyPageButton/CopyPageButtonIsland.astro";
 import { classListFactory } from "@lib/cssUtils/classListFactory";
-import type { Locale } from "@lib/i18n/locale";
 import styles from "./ApiPageHeader.module.css";
 
 const cl = classListFactory(styles);
 
 interface Props {
   title: string;
-  lang: Locale;
 }
 
-const { title, lang } = Astro.props;
+const { title } = Astro.props;
 ---
 
 <div class={cl("api-page-header")}>
   <h1 class={cl("api-page-header__title")}>{title}</h1>
   <div class={cl("api-page-header__copy")}>
-    <CopyPageButtonIsland lang={lang} />
+    <CopyPageButtonIsland />
   </div>
 </div>
diff --git a/astro/src/components/ApiResponse/ApiResponse.astro b/astro/src/components/ApiResponse/ApiResponse.astro
index c9ccc7b374d..4f2e6a99640 100644
--- a/astro/src/components/ApiResponse/ApiResponse.astro
+++ b/astro/src/components/ApiResponse/ApiResponse.astro
@@ -8,7 +8,7 @@ import { renderMarkdownInline } from "@lib/api/markdownRenderer";
 import styles from "./ApiResponse.module.css";
 import { classListFactory } from "@lib/cssUtils/classListFactory";
 import { generateElementId } from "@lib/componentUtils/generateElementId";
-import { i18n } from "@lib/i18n/i18n";
+import { useTranslations } from "@lib/i18n/i18n";
 
 const cl = classListFactory(styles);
 
@@ -29,6 +29,7 @@ interface Props {
 }
 
 const { responses } = Astro.props;
+const translate = useTranslations(Astro.currentLocale);
 
 const outerGroupId = generateElementId("api-response");
 const outerLabels = responses.map((r) => r.statusCode);
@@ -42,7 +43,7 @@ const innerPanelIds = responses.map((_, i) => [
 {
   responses.length > 0 && (
     <div class={cl("api-response")}>
-      <h3 class={cl("api-response__heading")}>{i18n("response")}</h3>
+      <h3 class={cl("api-response__heading")}>{translate("response")}</h3>
 
       <Tabs
         id={outerGroupId}
@@ -70,7 +71,7 @@ const innerPanelIds = responses.map((_, i) => [
                   <Tabs
                     id={`${outerGroupId}-inner-${i}`}
                     variant="pills"
-                    labels={[i18n("model"), i18n("example")]}
+                    labels={[translate("model"), translate("example")]}
                     panelIds={innerPanelIds[i]}
                   >
                     <TabPanel id={innerPanelIds[i][0]} isActive>
diff --git a/astro/src/components/ApiSchemaTable/ApiSchemaTable.astro b/astro/src/components/ApiSchemaTable/ApiSchemaTable.astro
index 278810b8273..a6e9026ff08 100644
--- a/astro/src/components/ApiSchemaTable/ApiSchemaTable.astro
+++ b/astro/src/components/ApiSchemaTable/ApiSchemaTable.astro
@@ -5,7 +5,7 @@ import SchemaFieldRow from "./SchemaFieldRow.astro";
 import styles from "./ApiSchemaTable.module.css";
 import { classListFactory } from "@lib/cssUtils/classListFactory";
 import { generateElementId } from "@lib/componentUtils/generateElementId";
-import { i18n } from "@lib/i18n/i18n";
+import { useTranslations } from "@lib/i18n/i18n";
 
 const cl = classListFactory(styles);
 
@@ -16,6 +16,7 @@ interface Props {
 }
 
 const { fields, title, showExpandAll = true } = Astro.props;
+const translate = useTranslations(Astro.currentLocale);
 
 const tableId = generateElementId("schema-table");
 const expandAllId = `${tableId}-expand-all`;
@@ -63,10 +64,10 @@ const showToolbar = showExpandAll && anyExpandable;
   }
   <div class={cl("schema-table__table")}>
     <div class={cl("schema-table__columns")}>
-      <div class={cl("schema-table__columns-name")}>{i18n("name")}</div>{" "}
-      <div class={cl("schema-table__columns-type")}>{i18n("type")}</div>{" "}
+      <div class={cl("schema-table__columns-name")}>{translate("name")}</div>{" "}
+      <div class={cl("schema-table__columns-type")}>{translate("type")}</div>{" "}
       <div class={cl("schema-table__columns-description")}>
-        {i18n("description")}
+        {translate("description")}
       </div>
     </div>
     {fields.map((field) => <SchemaFieldRow field={field} depth={0} />)}
diff --git a/astro/src/components/ApiSideNav/ApiSideNav.astro b/astro/src/components/ApiSideNav/ApiSideNav.astro
index 9864b55e1c5..284ebc84a29 100644
--- a/astro/src/components/ApiSideNav/ApiSideNav.astro
+++ b/astro/src/components/ApiSideNav/ApiSideNav.astro
@@ -5,7 +5,8 @@ import { classListFactory } from "@lib/cssUtils/classListFactory";
 import SearchBar, {
   type SearchBarLabels,
 } from "@components/SearchBar/SearchBar";
-import { DEFAULT_LOCALE, localizedHref, type Locale } from "@lib/i18n/locale";
+import { localizedHref, resolveLocale } from "@lib/i18n/locale";
+import { useTranslations } from "@lib/i18n/i18n";
 import ScrollActiveIntoView from "@components/ScrollActiveIntoView/ScrollActiveIntoView.astro";
 import type { OverviewPage } from "@lib/api/overviewPages";
 
@@ -16,7 +17,6 @@ interface Props {
   overviewPages?: OverviewPage[];
   isOverviewSection?: boolean;
   activeOverviewPageSlug?: string;
-  lang?: Locale;
 }
 
 const {
@@ -26,11 +26,13 @@ const {
   overviewPages = [],
   isOverviewSection = false,
   activeOverviewPageSlug,
-  lang = DEFAULT_LOCALE,
 } = Astro.props;
+// `lang` is still needed for the hrefs below; `translate` covers the labels.
+const lang = resolveLocale(Astro.currentLocale);
+const translate = useTranslations(lang);
 const cl = classListFactory(styles);
 
-const overviewLabel = "Overview";
+const overviewLabel = translate("overview");
 const overviewHref = localizedHref(lang, "/api/latest/");
 
 // TODO: replace hardcoded English with i18n() once authoritative translation
@@ -45,7 +47,7 @@ const searchLabels: SearchBarLabels = {
 
 <nav class={cl("api-side-nav")}>
   <a href={localizedHref(lang, "/")} class={cl("api-side-nav__title")}>
-    Datadog Docs&nbsp;&nbsp;<span class={cl("api-side-nav__title-api")}
+    {translate("datadog_docs")}&nbsp;&nbsp;<span class={cl("api-side-nav__title-api")}
       >API</span
     >
   </a>
diff --git a/astro/src/components/CodeBlock/CodeBlock.astro b/astro/src/components/CodeBlock/CodeBlock.astro
index f35d13a5861..acac3920fae 100644
--- a/astro/src/components/CodeBlock/CodeBlock.astro
+++ b/astro/src/components/CodeBlock/CodeBlock.astro
@@ -6,7 +6,7 @@ import { CollapseToggle, type CollapseToggleLabels } from "./CollapseToggle";
 import styles from "./CodeBlock.module.css";
 import { classListFactory } from "@lib/cssUtils/classListFactory";
 import { generateElementId } from "@lib/componentUtils/generateElementId";
-import { i18n } from "@lib/i18n/i18n";
+import { useTranslations } from "@lib/i18n/i18n";
 
 const cl = classListFactory(styles);
 
@@ -27,6 +27,7 @@ const {
   collapsible = false,
   disable_copy = false,
 } = Astro.props;
+const translate = useTranslations(Astro.currentLocale);
 
 let highlightedCode = "";
 if (content) {
@@ -50,7 +51,7 @@ const containerClass = wrap
 // keys exist for these strings in the Hugo i18n bundle.
 const copyLabels: CopyButtonLabels = {
   "Copy code": "Copy code",
-  Copy: i18n("copy"),
+  Copy: translate("copy"),
   "Copied!": "Copied!",
 };
 
diff --git a/astro/src/components/CopyPageButton/CopyPageButtonIsland.astro b/astro/src/components/CopyPageButton/CopyPageButtonIsland.astro
index 3f9537b2fdc..f8455bb082a 100644
--- a/astro/src/components/CopyPageButton/CopyPageButtonIsland.astro
+++ b/astro/src/components/CopyPageButton/CopyPageButtonIsland.astro
@@ -1,21 +1,20 @@
 ---
 import { CopyPageButton, type CopyPageButtonVariant } from './CopyPageButton';
-import { i18n } from '@lib/i18n/i18n';
-import type { Locale } from '@lib/i18n/locale';
+import { useTranslations } from '@lib/i18n/i18n';
 
 interface Props {
-  lang: Locale;
   variant?: CopyPageButtonVariant;
 }
 
-const { lang, variant = 'default' } = Astro.props;
+const { variant = 'default' } = Astro.props;
+const translate = useTranslations(Astro.currentLocale);
 
 // `copied` is the authoritative Hugo key for the post-copy state. "Copy page"
 // has no Hugo key yet — pass the literal English as the lookup key so it
 // surfaces automatically once translators add it.
 const labels = {
-  'Copy page': i18n('Copy page', lang),
-  'Copied': i18n('copied', lang),
+  'Copy page': translate('Copy page'),
+  'Copied': translate('copied'),
 };
 ---
 
diff --git a/astro/src/components/Footer/Footer.astro b/astro/src/components/Footer/Footer.astro
index e9bcc6a597f..01c5ae67bef 100644
--- a/astro/src/components/Footer/Footer.astro
+++ b/astro/src/components/Footer/Footer.astro
@@ -14,38 +14,44 @@ import FreeTrialModal from "./FreeTrialModal.tsx";
 import SocialIcon from "./SocialIcon.astro";
 import SvgIcon from "../SvgIcon/SvgIcon.astro";
 import { getFooterData } from "@lib/componentUtils/footerMenus.ts";
-import { i18n } from "@lib/i18n/i18n";
+import { useTranslations } from "@lib/i18n/i18n";
 import {
-  getTranslations,
+  getLanguageNames,
   getNativeLabel,
   type LangCode,
 } from "@lib/i18n/languageNames";
-import { LOCALES, localizedHref, stripLocalePrefix } from "@lib/i18n/locale";
+import {
+  LOCALES,
+  localizedHref,
+  resolveLocale,
+  stripLocalePrefix,
+} from "@lib/i18n/locale";
 
 const cl = classListFactory(styles);
 
-const footer = getFooterData();
-
 const year = new Date().getFullYear();
 
 // Language selector — Astro's i18n routing handles the actual locale switch,
 // so each link is a real localized URL. The footer renders all supported
 // locales; the toolbar instance reuses the same Preact component.
-const { lang: footerLang, rest: footerLocaleless } = stripLocalePrefix(
-  Astro.url.pathname,
-);
-const currentLang: LangCode = footerLang;
-const translate = getTranslations(currentLang);
+const { rest: footerLocaleless } = stripLocalePrefix(Astro.url.pathname);
+const currentLang: LangCode = resolveLocale(Astro.currentLocale);
+const translate = useTranslations(currentLang);
+const footer = getFooterData(currentLang);
+
+// Localized *language names* for the selector — distinct from `translate`,
+// which resolves i18n keys.
+const languageName = getLanguageNames(currentLang);
 const currentLangOption = {
   code: currentLang,
   primary: getNativeLabel(currentLang),
-  secondary: translate(currentLang),
-  href: localizedHref(footerLang, footerLocaleless),
+  secondary: languageName(currentLang),
+  href: localizedHref(currentLang, footerLocaleless),
 };
 const alternates = LOCALES.filter((c) => c !== currentLang).map((code) => ({
   code,
   primary: getNativeLabel(code),
-  secondary: translate(code),
+  secondary: languageName(code),
   href: localizedHref(code, footerLocaleless),
 }));
 
@@ -67,7 +73,7 @@ const caretIconHtml = inlineSvg("arrow.svg", "#ffffff", "16px");
 
 // Free-trial modal config — swap iframeSrc when we move off app.datadoghq.com/signup.
 const freeTrialHref = "https://app.datadoghq.com/signup";
-const freeTrialLabel = i18n("free_trial");
+const freeTrialLabel = translate("free_trial");
 
 ---
 
@@ -88,7 +94,7 @@ const freeTrialLabel = i18n("free_trial");
           <span>{freeTrialLabel}</span>
         </a>
 
-        <p class={cl("footer__download-app")}>{i18n("download_mobile_app")}</p>
+        <p class={cl("footer__download-app")}>{translate("download_mobile_app")}</p>
 
         <div class={cl("footer__download-badges")}>
           <a
diff --git a/astro/src/components/Footer/tests/Footer.unit.test.ts b/astro/src/components/Footer/tests/Footer.unit.test.ts
index dbd0c567fa4..51d004bfdda 100644
--- a/astro/src/components/Footer/tests/Footer.unit.test.ts
+++ b/astro/src/components/Footer/tests/Footer.unit.test.ts
@@ -9,6 +9,9 @@ import {
   resolveFooterUrl,
   splitHalves,
 } from "@lib/componentUtils/footerMenus";
+// The container has no i18n manifest, so `Astro.currentLocale` is undefined and
+// Footer renders as English. Expectations are built for the same locale.
+import { DEFAULT_LOCALE } from "@lib/i18n/locale";
 
 function decodeEntities(s: string): string {
   return s
@@ -40,7 +43,7 @@ describe("Footer", () => {
     const container = await createContainer();
     const html = decodeEntities(await container.renderToString(Footer));
 
-    const footer = getFooterData();
+    const footer = getFooterData(DEFAULT_LOCALE);
     const accordionLinks = footer.accordionSections
       .filter((s) => s.id !== "product")
       .flatMap((s) => [...s.firstColumn, ...s.secondColumn]);
@@ -55,7 +58,7 @@ describe("Footer", () => {
     const container = await createContainer();
     const html = await container.renderToString(Footer);
 
-    const footer = getFooterData();
+    const footer = getFooterData(DEFAULT_LOCALE);
     for (const s of footer.social) {
       expect(html).toContain(`aria-label="${s.label} link"`);
       expect(html).toContain(s.href);
diff --git a/astro/src/components/Header/Header.astro b/astro/src/components/Header/Header.astro
index 3cba4cc24e1..3e65e15dc46 100644
--- a/astro/src/components/Header/Header.astro
+++ b/astro/src/components/Header/Header.astro
@@ -9,13 +9,16 @@ import MobileNavToggle, { type MobileNavLabels } from "@components/MobileNav/Mob
 import { classListFactory } from "@lib/cssUtils/classListFactory.ts";
 import { getHeaderData, iconHtml } from "@lib/componentUtils/menuData.ts";
 import { generateElementId } from "@lib/componentUtils/generateElementId";
-import { i18n } from "@lib/i18n/i18n";
+import { useTranslations } from "@lib/i18n/i18n";
+import { resolveLocale } from "@lib/i18n/locale";
 import { IMAGES_URL } from "@config/images.ts";
 import { prefixed } from "@lib/site/pathPrefix";
 
 const cl = classListFactory(styles);
 
-const headerData = getHeaderData();
+const lang = resolveLocale(Astro.currentLocale);
+const translate = useTranslations(lang);
+const headerData = getHeaderData(lang);
 const logoTriggerId = generateElementId("header__logo-column");
 
 const bitsLogoUrl = `${IMAGES_URL}/img/dd_logo_n_70x75.png?ch=Width,DPR&fit=max&auto=format&w=70&h=75`;
@@ -49,8 +52,8 @@ const logoPanelLabels = {
                 client:load
                 labels={{
                   trigger: headerData.product.label,
-                  pricing: i18n("view_pricing"),
-                  hype: i18n("product_hype"),
+                  pricing: translate("view_pricing"),
+                  hype: translate("product_hype"),
                 }}
                 hrefs={{
                   product: headerData.product.href,
@@ -195,10 +198,10 @@ const logoPanelLabels = {
                   href={headerData.getStarted.href}
                 >
                   <span class={cl("header__btn-gradient-full")}>
-                    {i18n("get_started_free")}
+                    {translate("get_started_free")}
                   </span>
                   <span class={cl("header__btn-gradient-short")}>
-                    {i18n("free_trial")}
+                    {translate("free_trial")}
                   </span>
                 </a>
               </li>
diff --git a/astro/src/components/Header/tests/Header.unit.test.ts b/astro/src/components/Header/tests/Header.unit.test.ts
index 27c241b5f00..49a9c62b6b3 100644
--- a/astro/src/components/Header/tests/Header.unit.test.ts
+++ b/astro/src/components/Header/tests/Header.unit.test.ts
@@ -5,6 +5,9 @@ import preactRenderer from "@astrojs/preact/server.js";
 import Header from "../Header.astro";
 import { getHeaderData } from "@lib/componentUtils/menuData";
 import { i18n } from "@lib/i18n/i18n";
+// The container has no i18n manifest, so `Astro.currentLocale` is undefined and
+// Header renders as English. Expectations are built for the same locale.
+import { DEFAULT_LOCALE } from "@lib/i18n/locale";
 
 async function createContainer() {
   const container = await AstroContainer.create();
@@ -20,7 +23,7 @@ describe("Header", () => {
     const container = await createContainer();
     const html = await container.renderToString(Header);
 
-    const header = getHeaderData();
+    const header = getHeaderData(DEFAULT_LOCALE);
     const expectedLeft = [
       header.product?.label,
       header.solutions?.label,
@@ -64,7 +67,7 @@ describe("Header", () => {
     const container = await createContainer();
     const html = await container.renderToString(Header);
 
-    expect(html).toContain(i18n("get_started_free"));
+    expect(html).toContain(i18n("get_started_free", DEFAULT_LOCALE));
   });
 
   it("renders desktop product categories as interactive islands", async () => {
@@ -76,7 +79,7 @@ describe("Header", () => {
     // markup should still include the product-dropdown marker and the product
     // menu link.
     expect(html).toContain("product-dropdown");
-    const header = getHeaderData();
+    const header = getHeaderData(DEFAULT_LOCALE);
     expect(header.product).not.toBeNull();
     expect(html).toContain(header.product!.label);
     // And the desktop product mega-categories should render at build time.
@@ -89,7 +92,7 @@ describe("Header", () => {
     const container = await createContainer();
     const html = await container.renderToString(Header);
 
-    const header = getHeaderData();
+    const header = getHeaderData(DEFAULT_LOCALE);
     const rightLabels = [
       header.about?.label,
       header.blog?.label,
diff --git a/astro/src/components/MobileNav/MobileNav.astro b/astro/src/components/MobileNav/MobileNav.astro
index dd259575dee..3d88c2e4efc 100644
--- a/astro/src/components/MobileNav/MobileNav.astro
+++ b/astro/src/components/MobileNav/MobileNav.astro
@@ -29,8 +29,13 @@ import {
   resolveOverviewState,
 } from "@lib/api/overviewPages";
 import { CORP_ORIGIN, HUGO_ORIGIN } from "@config/origins";
-import { localizedHref, localePrefix, stripLocalePrefix } from "@lib/i18n/locale";
-import { i18n } from "@lib/i18n/i18n";
+import {
+  localizedHref,
+  localePrefix,
+  resolveLocale,
+  stripLocalePrefix,
+} from "@lib/i18n/locale";
+import { useTranslations } from "@lib/i18n/i18n";
 
 const navIconUrlsByName = import.meta.glob<string>(
   "../../assets/images/nav-icons/*.png",
@@ -56,9 +61,8 @@ const cl = classListFactory(styles);
 // mobile-documentation.html. The data is derived from the URL at build time
 // (the same builders the API pages use), so no props need to thread through the
 // global header.
-const { lang: pageLang, rest: unprefixedPath } = stripLocalePrefix(
-  Astro.url.pathname,
-);
+const pageLang = resolveLocale(Astro.currentLocale);
+const { rest: unprefixedPath } = stripLocalePrefix(Astro.url.pathname);
 const isApiContext = unprefixedPath.startsWith("/api/");
 
 // `/api/latest/{category}/{operation}/` → capture the category and operation.
@@ -97,10 +101,11 @@ const activePageId = isApiContext
 
 // TODO: replace hardcoded English fallbacks with i18n() keys once authoritative
 // translations exist in the Hugo i18n bundle.
+const translate = useTranslations(pageLang);
 const quicknav = [
-  { label: i18n("home"), href: CORP_ORIGIN, icon: "nav_home", alt: "home" },
-  { label: i18n("docs") || "Docs", href: `${HUGO_ORIGIN}${localePrefix(pageLang)}/`, icon: "nav_docs", alt: "docs" },
-  { label: i18n("api"), href: localizedHref(pageLang, "/api/latest/"), icon: "nav_mobile_api", alt: "api" },
+  { label: translate("home"), href: CORP_ORIGIN, icon: "nav_home", alt: "home" },
+  { label: translate("docs") || "Docs", href: `${HUGO_ORIGIN}${localePrefix(pageLang)}/`, icon: "nav_docs", alt: "docs" },
+  { label: translate("api"), href: localizedHref(pageLang, "/api/latest/"), icon: "nav_mobile_api", alt: "api" },
 ];
 // TODO: replace hardcoded English with i18n() once authoritative translation
 // keys exist for these strings in the Hugo i18n bundle.
@@ -149,7 +154,6 @@ const searchLabels: SearchBarLabels = {
           overviewPages={overviewPages}
           isOverviewSection={isOverviewSection}
           activeOverviewPageSlug={activeOverviewPageSlug}
-          lang={pageLang}
         />
       ) : (
         <ul class={cl("mobile-nav__list")}>
diff --git a/astro/src/components/MobileNav/MobileNavApiList.astro b/astro/src/components/MobileNav/MobileNavApiList.astro
index 9668033adbd..639bf27b49c 100644
--- a/astro/src/components/MobileNav/MobileNavApiList.astro
+++ b/astro/src/components/MobileNav/MobileNavApiList.astro
@@ -15,7 +15,7 @@ import type { ApiCategory } from "@lib/api/schemas/views";
 import type { OverviewPage } from "@lib/api/overviewPages";
 import styles from "./MobileNav.module.css";
 import { classListFactory } from "@lib/cssUtils/classListFactory";
-import { localizedHref, type Locale } from "@lib/i18n/locale";
+import { localizedHref, resolveLocale } from "@lib/i18n/locale";
 import ScrollActiveIntoView from "@components/ScrollActiveIntoView/ScrollActiveIntoView.astro";
 import SvgIcon from "@components/SvgIcon/SvgIcon.astro";
 
@@ -26,7 +26,6 @@ interface Props {
   overviewPages?: OverviewPage[];
   isOverviewSection?: boolean;
   activeOverviewPageSlug?: string;
-  lang: Locale;
 }
 
 const {
@@ -36,8 +35,8 @@ const {
   overviewPages = [],
   isOverviewSection = false,
   activeOverviewPageSlug,
-  lang,
 } = Astro.props;
+const lang = resolveLocale(Astro.currentLocale);
 const cl = classListFactory(styles);
 
 const overviewHref = localizedHref(lang, "/api/latest/");
diff --git a/astro/src/components/WhatsNext/WhatsNext.astro b/astro/src/components/WhatsNext/WhatsNext.astro
index 61d55991059..5339530713f 100644
--- a/astro/src/components/WhatsNext/WhatsNext.astro
+++ b/astro/src/components/WhatsNext/WhatsNext.astro
@@ -1,17 +1,14 @@
 ---
 import styles from "./WhatsNext.module.css";
 import { classListFactory } from "@lib/cssUtils/classListFactory";
-import { i18n } from "@lib/i18n/i18n";
-import { DEFAULT_LOCALE, isLocale } from "@lib/i18n/locale";
+import { useTranslations } from "@lib/i18n/i18n";
 
 interface Props {
   desc?: string;
 }
 
-const lang = isLocale(Astro.currentLocale)
-  ? Astro.currentLocale
-  : DEFAULT_LOCALE;
-const { desc = `${i18n("additional_sentence", lang)}:` } = Astro.props;
+const translate = useTranslations(Astro.currentLocale);
+const { desc = `${translate("additional_sentence")}:` } = Astro.props;
 const cl = classListFactory(styles);
 ---
 
diff --git a/astro/src/layouts/ApiLayout.astro b/astro/src/layouts/ApiLayout.astro
index 6bcaf02480f..068c1d07857 100644
--- a/astro/src/layouts/ApiLayout.astro
+++ b/astro/src/layouts/ApiLayout.astro
@@ -10,7 +10,7 @@ import type { BreadcrumbItem } from "@components/Breadcrumbs/Breadcrumbs.astro";
 import RegionSelectorIsland from "@components/RegionSelector/RegionSelectorIsland.astro";
 import LanguageSelectorIsland from "@components/LanguageSelector/LanguageSelectorIsland.astro";
 import CopyPageButtonIsland from "@components/CopyPageButton/CopyPageButtonIsland.astro";
-import { stripLocalePrefix } from "@lib/i18n/locale";
+import { resolveLocale, stripLocalePrefix } from "@lib/i18n/locale";
 import { buildHreflangAlternates } from "@lib/seo";
 import type { ApiCategory, ApiCategoryStub } from "@lib/api/schemas/views";
 
@@ -31,9 +31,8 @@ const {
   currentOperationSlug,
   breadcrumbs,
 } = Astro.props;
-const { lang: currentLang, rest: unprefixedPath } = stripLocalePrefix(
-  Astro.url.pathname,
-);
+const currentLang = resolveLocale(Astro.currentLocale);
+const { rest: unprefixedPath } = stripLocalePrefix(Astro.url.pathname);
 const hreflang = buildHreflangAlternates(unprefixedPath);
 
 const overviewPages = await getOverviewPages();
@@ -46,7 +45,6 @@ const { isOverviewSection, activeOverviewPageSlug } = resolveOverviewState(
 <BaseLayout
   title={title}
   description={description}
-  lang={currentLang}
   hreflang={hreflang}
 >
   <div class="api-shell">
@@ -63,7 +61,7 @@ const { isOverviewSection, activeOverviewPageSlug } = resolveOverviewState(
         <div class="api-toolbar__left">
           {breadcrumbs && (
             <Breadcrumbs crumbs={breadcrumbs}>
-              <CopyPageButtonIsland slot="trailing" lang={currentLang} variant="icon" />
+              <CopyPageButtonIsland slot="trailing" variant="icon" />
             </Breadcrumbs>
           )}
         </div>
diff --git a/astro/src/layouts/BaseLayout.astro b/astro/src/layouts/BaseLayout.astro
index 3982663dfdd..1fed3c31e59 100644
--- a/astro/src/layouts/BaseLayout.astro
+++ b/astro/src/layouts/BaseLayout.astro
@@ -3,7 +3,7 @@ import '../styles/global.css';
 import AnnouncementBanner from '@components/AnnouncementBanner/AnnouncementBanner.astro';
 import Header from '@components/Header/Header.astro';
 import Footer from '@components/Footer/Footer.astro';
-import { stripLocalePrefix, type Locale } from '@lib/i18n/locale';
+import { resolveLocale, type Locale } from '@lib/i18n/locale';
 import { getBannerParams, type BannerParams } from '@lib/componentUtils/bannerData';
 import { DevBadge } from '@components/DevBadge/DevBadge';
 import Telemetry from '@components/Telemetry/Telemetry.astro';
@@ -29,8 +29,6 @@ interface Props {
   image?: string;
   /** OpenGraph type; defaults to "article" to match Hugo. */
   ogType?: 'website' | 'article';
-  /** Locale for `<html lang>` and per-locale defaults. Auto-detected from URL when omitted. */
-  lang?: Locale;
   /** Per-locale URLs for `<link rel="alternate" hreflang>`. */
   hreflang?: Array<{ hreflang: string; href: string }>;
   /** Per-page banner override, mirroring Hugo's page-level `announcement_banner`. */
@@ -49,7 +47,6 @@ const {
   canonical: canonicalProp,
   image: imageProp,
   ogType = 'article',
-  lang: langProp,
   hreflang,
   announcementBanner,
   enableViewTransitions = false,
@@ -61,7 +58,7 @@ const {
 const bannerParams = announcementBanner ?? getBannerParams();
 const hasBanner = Object.keys(bannerParams).length > 0;
 
-const lang: Locale = langProp ?? stripLocalePrefix(Astro.url.pathname).lang;
+const lang: Locale = resolveLocale(Astro.currentLocale);
 const localeDefaults = getLocaleDefaults(lang);
 const description = descriptionProp ?? localeDefaults.metaDescription;
 const siteName = localeDefaults.siteName;
diff --git a/astro/src/lib/api/legacyRedirects.test.ts b/astro/src/lib/api/legacyRedirects.test.ts
index 5a3d5ac7223..13d75cc586b 100644
--- a/astro/src/lib/api/legacyRedirects.test.ts
+++ b/astro/src/lib/api/legacyRedirects.test.ts
@@ -1,8 +1,10 @@
 import { describe, it, expect } from "vitest";
-import { LEGACY_REDIRECTS } from "./legacyRedirects";
+import { LEGACY_REDIRECTS, legacyRedirectStaticPaths } from "./legacyRedirects";
+import { DEFAULT_LOCALE, LOCALES } from "@lib/i18n/locale";
 
 // Pinned from hugo/content/en/api/_index.md's cascade. If that file changes,
-// update this table (and its redirect pages under src/pages/) to match.
+// update this table to match — the single redirect route under src/pages/
+// generates itself from it, so no page file needs touching.
 //
 // Collision check: none of the four synthetic alias slugs (screenboards,
 // ci-visibility, cloud-workload-security, service-scorecards) matches a tag
@@ -32,3 +34,52 @@ describe("LEGACY_REDIRECTS", () => {
     expect(new Set(froms).size).toBe(froms.length);
   });
 });
+
+describe("legacyRedirectStaticPaths", () => {
+  it("emits every redirect in every built locale", () => {
+    expect(legacyRedirectStaticPaths()).toHaveLength(
+      LOCALES.length * LEGACY_REDIRECTS.length,
+    );
+  });
+
+  it("uses the empty `[...lang]` segment for English and a prefix for the rest", () => {
+    const langs = new Set(
+      legacyRedirectStaticPaths().map((entry) => entry.params.lang),
+    );
+
+    expect(langs).toContain(undefined);
+    expect(langs).not.toContain(DEFAULT_LOCALE);
+    for (const locale of LOCALES.filter((l) => l !== DEFAULT_LOCALE)) {
+      expect(langs).toContain(locale);
+    }
+  });
+
+  // The route lives at `[...lang]/api/[...legacyPath]`, so the param carries
+  // only what follows `/api` — and nothing at all for the bare `/api/` root,
+  // whose empty spread renders as `/api/` itself.
+  it("strips the /api prefix off the legacyPath param", () => {
+    const english = legacyRedirectStaticPaths().filter(
+      (entry) => entry.params.lang === undefined,
+    );
+    const paths = english.map((entry) => entry.params.legacyPath);
+
+    expect(paths).toContain(undefined);
+    expect(paths).toContain("screenboards");
+    expect(paths).toContain("latest/downtimes/s");
+    // Only the `/api/` root is param-less; the rest must be bare relative
+    // paths, with no leading slash, no `api` segment, and no trailing slash.
+    for (const path of paths.filter((candidate) => candidate !== undefined)) {
+      expect(path).not.toMatch(/^\/|^api\b|\/$/);
+    }
+  });
+
+  it("carries each destination through as a prop", () => {
+    const entry = legacyRedirectStaticPaths().find(
+      (candidate) =>
+        candidate.params.lang === "ja" &&
+        candidate.params.legacyPath === "screenboards",
+    );
+
+    expect(entry?.props.to).toBe("/api/latest/dashboards/");
+  });
+});
diff --git a/astro/src/lib/api/legacyRedirects.ts b/astro/src/lib/api/legacyRedirects.ts
index d7da6cc5c86..46835b788d2 100644
--- a/astro/src/lib/api/legacyRedirects.ts
+++ b/astro/src/lib/api/legacyRedirects.ts
@@ -6,9 +6,12 @@
  * otherwise 404.
  *
  * Kept as one exported table so `legacyRedirects.test.ts` can assert it still
- * matches Hugo's cascade, and so every entry has exactly one prerendered
- * redirect page under `src/pages/`.
+ * matches Hugo's cascade, and so a single prerendered route
+ * (`src/pages/[...lang]/api/[...legacyPath].astro`) can generate every entry in
+ * every locale. Adding a redirect means adding a row here — no new page file.
  */
+import { DEFAULT_LOCALE, LOCALES } from "@lib/i18n/locale";
+
 export interface LegacyRedirect {
   /** Path, without the locale/branch prefix, that must keep working. */
   from: string;
@@ -24,3 +27,44 @@ export const LEGACY_REDIRECTS: LegacyRedirect[] = [
   { from: "/api/latest/cloud-workload-security", to: "/api/latest/csm-threats/" },
   { from: "/api/latest/service-scorecards", to: "/api/latest/scorecards/" },
 ];
+
+export interface LegacyRedirectStaticPath {
+  params: {
+    /** Empty `[...lang]` segment for English, the code for every other locale. */
+    lang: string | undefined;
+    /** Everything after `/api`, or `undefined` for the bare `/api/` root. */
+    legacyPath: string | undefined;
+  };
+  props: { to: string };
+}
+
+/**
+ * `getStaticPaths` entries for the one redirect route,
+ * `src/pages/[...lang]/api/[...legacyPath].astro` — the cross product of every
+ * redirect with every built locale, since Hugo's cascade applies to all
+ * languages, not just English.
+ *
+ * The destination rides along as a prop so the page never has to reverse the
+ * param back into a table lookup.
+ */
+export function legacyRedirectStaticPaths(): LegacyRedirectStaticPath[] {
+  return LOCALES.flatMap((lang) =>
+    LEGACY_REDIRECTS.map(({ from, to }) => ({
+      params: {
+        lang: lang === DEFAULT_LOCALE ? undefined : lang,
+        legacyPath: toLegacyPathParam(from),
+      },
+      props: { to },
+    })),
+  );
+}
+
+/**
+ * `/api/screenboards/` → `screenboards`, `/api/latest/downtimes/s` →
+ * `latest/downtimes/s`, and the bare `/api/` root → `undefined` (an empty rest
+ * param, which renders the route as `/api/` itself).
+ */
+function toLegacyPathParam(from: string): string | undefined {
+  const rest = from.replace(/^\/api\b/, "").replace(/^\/+|\/+$/g, "");
+  return rest === "" ? undefined : rest;
+}
diff --git a/astro/src/lib/componentUtils/footerMenus.ts b/astro/src/lib/componentUtils/footerMenus.ts
index 415a28eb60b..a1f73fb4305 100644
--- a/astro/src/lib/componentUtils/footerMenus.ts
+++ b/astro/src/lib/componentUtils/footerMenus.ts
@@ -1,7 +1,8 @@
 /**
  * Builds the footer view model from the websites-modules menus YAML at build
  * time. Consumers (Footer.astro) get fully resolved, split-into-columns data
- * via `getFooterData()` — no inline assembly in the component template.
+ * via `getFooterData(lang)` — no inline assembly in the component template.
+ * The locale is passed in because this module has no render context of its own.
  *
  * URL resolution mirrors footer_link.html: absolute URLs pass through;
  * relative URLs are prefixed with the datadoghq.com host (plus an optional
@@ -11,7 +12,8 @@ import { parse as parseYaml } from "yaml";
 import { z } from "zod";
 import menusRaw from "@websites-modules/config/_default/menus/menus.en.yaml?raw";
 import { CORP_ORIGIN } from "@config/origins";
-import { i18n } from "@lib/i18n/i18n";
+import { useTranslations } from "@lib/i18n/i18n";
+import type { Locale } from "@lib/i18n/locale";
 import { getFooterProductLinks } from "@lib/componentUtils/menuData";
 
 // ---------------------------------------------------------------------------
@@ -122,17 +124,18 @@ function sortedLinks(items: RawItem[]): FooterLink[] {
 // Public API
 // ---------------------------------------------------------------------------
 
-export function getFooterData(): FooterData {
+export function getFooterData(lang: Locale): FooterData {
+  const translate = useTranslations(lang);
   const social: FooterSocialLink[] = [...menus.footer_social]
     .sort(byWeight)
     .map((it: RawSocial) => ({ ...toFooterLink(it), pre: it.pre, label: it.name }));
 
   return {
     accordionSections: [
-      toSection("product", i18n("product"), getFooterProductLinks(), false),
-      toSection("resources", i18n("resources"), sortedLinks(menus.footer_resources), true),
-      toSection("about", i18n("about"), sortedLinks(menus.footer_about), true),
-      toSection("blog", i18n("blog"), sortedLinks(menus.footer_blog), true),
+      toSection("product", translate("product"), getFooterProductLinks(lang), false),
+      toSection("resources", translate("resources"), sortedLinks(menus.footer_resources), true),
+      toSection("about", translate("about"), sortedLinks(menus.footer_about), true),
+      toSection("blog", translate("blog"), sortedLinks(menus.footer_blog), true),
     ],
     sub: sortedLinks(menus.footer_sub),
     social,
diff --git a/astro/src/lib/componentUtils/menuData.ts b/astro/src/lib/componentUtils/menuData.ts
index 633fcad6edf..13903f6e875 100644
--- a/astro/src/lib/componentUtils/menuData.ts
+++ b/astro/src/lib/componentUtils/menuData.ts
@@ -4,13 +4,18 @@
  * Consumers (Header.astro, Footer.astro) get fully translated, URL-resolved,
  * structured data via `getHeaderData()` / `getFooterProductLinks()` — no
  * `find`/`filter` over raw menu arrays in component templates.
+ *
+ * Both entry points take the page's locale, since this module has no render
+ * context to read `Astro.currentLocale` from. They bind it once and thread the
+ * resulting `translate` through the builders below.
  */
 import { parse as parseYaml } from "yaml";
 import { z } from "zod";
 import menusRaw from "@websites-modules/data/menu_data/menus.yaml?raw";
 import categoriesRaw from "@websites-modules/data/menu_data/product_categories.yaml?raw";
 import productsRaw from "@websites-modules/data/menu_data/products.yaml?raw";
-import { i18n } from "@lib/i18n/i18n";
+import { useTranslations, type Translate } from "@lib/i18n/i18n";
+import type { Locale } from "@lib/i18n/locale";
 
 // ---------------------------------------------------------------------------
 // Raw schemas (internal)
@@ -176,22 +181,29 @@ function findItem(list: MenuItem[], identifier: string): MenuItem | undefined {
   return list.find((m) => m.identifier === identifier);
 }
 
-function asLink(item: MenuItem | MenuChild | undefined): SimpleLink | null {
+function asLink(
+  item: MenuItem | MenuChild | undefined,
+  translate: Translate,
+): SimpleLink | null {
   if (!item) {
     return null;
   }
-  return { label: i18n(item.lang_key), href: resolveUrl(item.url) };
+  return { label: translate(item.lang_key), href: resolveUrl(item.url) };
 }
 
-function childLinks(item: MenuItem | undefined): SimpleLink[] {
+function childLinks(
+  item: MenuItem | undefined,
+  translate: Translate,
+): SimpleLink[] {
   return (item?.children ?? []).map((c) => ({
-    label: i18n(c.lang_key),
+    label: translate(c.lang_key),
     href: resolveUrl(c.url),
   }));
 }
 
 function resolveProductList(
   ids: string[],
+  translate: Translate,
 ): { identifier: string; label: string; url: string }[] {
   const out: { identifier: string; label: string; url: string }[] = [];
   for (const id of ids) {
@@ -199,7 +211,7 @@ function resolveProductList(
     if (p) {
       out.push({
         identifier: p.identifier,
-        label: i18n(p.lang_key),
+        label: translate(p.lang_key),
         url: resolveUrl(p.url),
       });
     }
@@ -207,7 +219,7 @@ function resolveProductList(
   return out;
 }
 
-function buildMegaCategories(): MegaCategory[] {
+function buildMegaCategories(translate: Translate): MegaCategory[] {
   return productCategories
     .filter((c) => !c.mobile)
     .map((cat) => {
@@ -215,21 +227,21 @@ function buildMegaCategories(): MegaCategory[] {
         (sub) => {
           const sections: MegaSection[] = sub.sections
             ? sub.sections.map((section) => ({
-                label: i18n(section.lang_key),
-                products: resolveProductList(section.products),
+                label: translate(section.lang_key),
+                products: resolveProductList(section.products, translate),
               }))
             : sub.products
               ? [
                   {
-                    label: i18n(sub.lang_key),
-                    products: resolveProductList(sub.products),
+                    label: translate(sub.lang_key),
+                    products: resolveProductList(sub.products, translate),
                   },
                 ]
               : [];
 
           return {
             identifier: sub.identifier,
-            label: i18n(sub.lang_key),
+            label: translate(sub.lang_key),
             related: sub.identifier.includes("related"),
             sections,
           };
@@ -238,8 +250,8 @@ function buildMegaCategories(): MegaCategory[] {
 
       return {
         identifier: cat.identifier,
-        label: i18n(cat.lang_key),
-        descriptionLabel: i18n(cat.description_key ?? ""),
+        label: translate(cat.lang_key),
+        descriptionLabel: translate(cat.description_key ?? ""),
         gradient: cat.gradient ?? ["#000000", "#333333"],
         iconHtml: iconHtml(cat.icon),
         subcategories,
@@ -247,11 +259,14 @@ function buildMegaCategories(): MegaCategory[] {
     });
 }
 
-function buildSolutionsColumns(item: MenuItem | undefined): SolutionsColumn[] {
+function buildSolutionsColumns(
+  item: MenuItem | undefined,
+  translate: Translate,
+): SolutionsColumn[] {
   return (item?.children ?? []).map((col) => ({
-    label: i18n(col.lang_key),
+    label: translate(col.lang_key),
     items: (col.children ?? []).map((child) => ({
-      label: i18n(child.lang_key),
+      label: translate(child.lang_key),
       url: resolveUrl(child.url),
     })),
   }));
@@ -261,7 +276,8 @@ function buildSolutionsColumns(item: MenuItem | undefined): SolutionsColumn[] {
 // Public API
 // ---------------------------------------------------------------------------
 
-export function getHeaderData(): HeaderData {
+export function getHeaderData(lang: Locale): HeaderData {
+  const translate = useTranslations(lang);
   const left = menus.main_left;
   const right = menus.main_right;
 
@@ -275,17 +291,17 @@ export function getHeaderData(): HeaderData {
   return {
     product: productItem
       ? {
-          label: i18n(productItem.lang_key),
+          label: translate(productItem.lang_key),
           href: resolveUrl(productItem.url),
-          megaCategories: buildMegaCategories(),
+          megaCategories: buildMegaCategories(translate),
           carrotSvg: iconHtml("right-carrot-normal-2"),
         }
       : null,
     solutions: solutionsItem
       ? {
-          label: i18n(solutionsItem.lang_key),
+          label: translate(solutionsItem.lang_key),
           href: resolveUrl(solutionsItem.url),
-          columns: buildSolutionsColumns(solutionsItem),
+          columns: buildSolutionsColumns(solutionsItem, translate),
         }
       : null,
     leftLinks: left
@@ -298,18 +314,26 @@ export function getHeaderData(): HeaderData {
       )
       .map((m) => ({
         identifier: m.identifier,
-        label: i18n(m.lang_key),
+        label: translate(m.lang_key),
         href: resolveUrl(m.url),
       })),
     about: aboutItem
-      ? { ...asLink(aboutItem)!, children: childLinks(aboutItem) }
+      ? {
+          ...asLink(aboutItem, translate)!,
+          children: childLinks(aboutItem, translate),
+        }
       : null,
     blog: blogItem
-      ? { ...asLink(blogItem)!, children: childLinks(blogItem) }
+      ? {
+          ...asLink(blogItem, translate)!,
+          children: childLinks(blogItem, translate),
+        }
       : null,
     login:
-      loginItem && !isDisabledForDocs(loginItem) ? asLink(loginItem) : null,
-    getStarted: asLink(getStartedItem),
+      loginItem && !isDisabledForDocs(loginItem)
+        ? asLink(loginItem, translate)
+        : null,
+    getStarted: asLink(getStartedItem, translate),
   };
 }
 
@@ -318,7 +342,8 @@ export function getHeaderData(): HeaderData {
  * The footer's product column consumes this — Hugo's `$datadir.menu_data.products`
  * equivalent, ordered by first appearance in the category tree.
  */
-export function getFooterProductLinks(): SimpleLink[] {
+export function getFooterProductLinks(lang: Locale): SimpleLink[] {
+  const translate = useTranslations(lang);
   const seen = new Set<string>();
   const out: SimpleLink[] = [];
   for (const cat of productCategories) {
@@ -332,7 +357,7 @@ export function getFooterProductLinks(): SimpleLink[] {
         seen.add(id);
         const p = productById.get(id);
         if (p) {
-          out.push({ label: i18n(p.lang_key), href: resolveUrl(p.url) });
+          out.push({ label: translate(p.lang_key), href: resolveUrl(p.url) });
         }
       }
     }
diff --git a/astro/src/lib/i18n/i18n.test.ts b/astro/src/lib/i18n/i18n.test.ts
new file mode 100644
index 00000000000..003ab67d7c4
--- /dev/null
+++ b/astro/src/lib/i18n/i18n.test.ts
@@ -0,0 +1,46 @@
+import { describe, expect, it } from "vitest";
+import { i18n, useTranslations } from "./i18n";
+
+describe("i18n", () => {
+  // Guards the shared/i18n glob: if the path breaks, the bundle silently
+  // empties and this is the only thing that notices.
+  it("resolves a key from the shared glossary", () => {
+    expect(i18n("overview", "ja")).toBe("概要");
+    expect(i18n("code_example", "ja")).toBe("コード例");
+  });
+
+  it("falls back to English for a locale that lacks the key", () => {
+    expect(i18n("overview", "en")).toBe("Overview");
+  });
+
+  it("falls back to the key itself when it is unknown", () => {
+    expect(i18n("not_a_real_key", "ja")).toBe("not_a_real_key");
+  });
+
+  it("returns an empty string for an undefined key", () => {
+    expect(i18n(undefined, "ja")).toBe("");
+  });
+});
+
+describe("useTranslations", () => {
+  it("binds the locale so callers don't repeat it per key", () => {
+    const translate = useTranslations("ja");
+
+    expect(translate("overview")).toBe("概要");
+    expect(translate("code_example")).toBe("コード例");
+  });
+
+  // `Astro.currentLocale` is typed `string | undefined` and is undefined in
+  // container tests, so the factory has to absorb both without throwing.
+  it("falls back to English for an undefined locale", () => {
+    expect(useTranslations(undefined)("overview")).toBe("Overview");
+  });
+
+  it("falls back to English for a string that isn't a built locale", () => {
+    expect(useTranslations("zz")("overview")).toBe("Overview");
+  });
+
+  it("returns an empty string for an undefined key", () => {
+    expect(useTranslations("ja")(undefined)).toBe("");
+  });
+});
diff --git a/astro/src/lib/i18n/i18n.ts b/astro/src/lib/i18n/i18n.ts
index 79774ca6024..c38239081aa 100644
--- a/astro/src/lib/i18n/i18n.ts
+++ b/astro/src/lib/i18n/i18n.ts
@@ -14,7 +14,7 @@
  * never warns or fails on gaps.
  */
 import { parse as parseYaml } from "yaml";
-import { DEFAULT_LOCALE, type Locale } from "./locale";
+import { DEFAULT_LOCALE, type Locale, resolveLocale } from "./locale";
 
 type I18nEntry = { one?: string; other?: string };
 type I18nTable = Record<string, I18nEntry>;
@@ -64,12 +64,33 @@ function lookup(lang: Locale, key: string): string | undefined {
   return entry.other ?? entry.one;
 }
 
-export function i18n(
-  key: string | undefined,
-  lang: Locale = DEFAULT_LOCALE,
-): string {
+/** A locale already bound to a translator. See `useTranslations`. */
+export type Translate = (key: string | undefined) => string;
+
+export function i18n(key: string | undefined, lang: Locale): string {
   if (!key) {
     return "";
   }
   return lookup(lang, key) ?? lookup(DEFAULT_LOCALE, key) ?? key;
 }
+
+/**
+ * Binds a locale once and returns a `translate(key)` function, so components
+ * pass the locale a single time instead of threading it through every `i18n()`
+ * call. Named after the same helper in Astro's i18n docs.
+ *
+ * Not to be confused with `getLanguageNames` in `./languageNames` — that one
+ * only maps language *display names* for the language selector.
+ *
+ * Takes `Astro.currentLocale`'s raw `string | undefined` directly — the locale
+ * can't be derived in here, because `currentLocale` lives on the per-request
+ * render context and is only handed to component scope. Anything narrower than
+ * a component (this module included) has no way to reach it.
+ *
+ * Prefer this over calling `i18n(key, lang)` directly — a bound `translate`
+ * has no locale argument to forget at the call site.
+ */
+export function useTranslations(currentLocale: string | undefined): Translate {
+  const lang = resolveLocale(currentLocale);
+  return (key) => i18n(key, lang);
+}
diff --git a/astro/src/lib/i18n/languageNames.ts b/astro/src/lib/i18n/languageNames.ts
index e21889fa08b..9eb0a503593 100644
--- a/astro/src/lib/i18n/languageNames.ts
+++ b/astro/src/lib/i18n/languageNames.ts
@@ -21,8 +21,11 @@ export function isLangCode(value: unknown): value is LangCode {
 /**
  * For a given current language, return a function that maps target-language
  * codes to their localized name. Falls back to English, then to the code itself.
+ *
+ * Named for what it returns — language *names*, not general translations. For
+ * translating arbitrary i18n keys, use `useTranslations` in `./i18n`.
  */
-export function getTranslations(currentLang: LangCode) {
+export function getLanguageNames(currentLang: LangCode) {
   const dict = table[currentLang] ?? table.en;
   return (targetLang: string): string => dict[targetLang] ?? targetLang;
 }
diff --git a/astro/src/lib/i18n/locale.ts b/astro/src/lib/i18n/locale.ts
index 748711a4559..8ac19f8c88b 100644
--- a/astro/src/lib/i18n/locale.ts
+++ b/astro/src/lib/i18n/locale.ts
@@ -25,6 +25,20 @@ export function isLocale(value: unknown): value is Locale {
   );
 }
 
+/**
+ * Narrow `Astro.currentLocale` to our `Locale` union.
+ *
+ * Astro derives `currentLocale` from the URL using the `i18n` block in
+ * `astro.config.mjs`, so components never have to compute or receive the page
+ * language. It is typed `string | undefined` and is `undefined` only when the
+ * render context has no i18n manifest — which never happens in a real build or
+ * SSR request, but does happen in `AstroContainer` unit tests, where the
+ * container builds a bare manifest. Those fall back to English.
+ */
+export function resolveLocale(value: string | undefined): Locale {
+  return isLocale(value) ? value : DEFAULT_LOCALE;
+}
+
 /**
  * Parse the `[...lang]` rest param. Returns the validated locale, or
  * `undefined` if the segment is not a recognized non-default locale. The
diff --git a/astro/src/pages/[...lang]/api/[...legacyPath].astro b/astro/src/pages/[...lang]/api/[...legacyPath].astro
new file mode 100644
index 00000000000..970a56d643b
--- /dev/null
+++ b/astro/src/pages/[...lang]/api/[...legacyPath].astro
@@ -0,0 +1,36 @@
+---
+/**
+ * Every legacy `/api` redirect, in every locale, from one route.
+ *
+ * The paths come from `LEGACY_REDIRECTS` (pinned to Hugo's `api/_index.md`
+ * cascade), so adding a redirect is a one-line table edit rather than a new
+ * stub page. This deliberately does *not* use Astro's config-level `redirects`
+ * map: the site is `output: "server"`, and config redirects inherit
+ * `prerender: config.output !== "server"` — they would be handled by the
+ * adapter at request time and emit nothing into `dist/client`, which 404s on a
+ * static host. `prerender = true` here is what writes the files.
+ *
+ * The route sits below the real `/api/latest/...` pages in Astro's route
+ * priority (static segments outrank rest params), and `getStaticPaths` only
+ * ever emits the table's own paths, so it can't shadow a real API page.
+ */
+import { legacyRedirectStaticPaths } from "@lib/api/legacyRedirects";
+import { localizedHref, parseLangParam } from "@lib/i18n/locale";
+
+export const prerender = true;
+
+export const getStaticPaths = legacyRedirectStaticPaths;
+
+interface Props {
+  to: string;
+}
+
+const lang = parseLangParam(Astro.params.lang);
+if (!lang) {
+  return new Response(null, { status: 404 });
+}
+
+// `localizedHref` applies the preview branch prefix itself, so it stands in for
+// the bare `prefixed()` call the English-only stubs used.
+return Astro.redirect(localizedHref(lang, Astro.props.to));
+---
diff --git a/astro/src/pages/[...lang]/api/latest/[...page].astro b/astro/src/pages/[...lang]/api/latest/[...page].astro
index dffe1f8c92d..0c1a86b9c6d 100644
--- a/astro/src/pages/[...lang]/api/latest/[...page].astro
+++ b/astro/src/pages/[...lang]/api/latest/[...page].astro
@@ -5,7 +5,7 @@ import ApiLayout from '@layouts/ApiLayout.astro';
 import ApiPageHeader from '@components/ApiPageHeader/ApiPageHeader.astro';
 import { getCategoryStubsView } from '@lib/api/viewsBuilder';
 import { LOCALES, parseLangParam, localizedHref } from '@lib/i18n/locale';
-import { i18n } from '@lib/i18n/i18n';
+import { useTranslations } from '@lib/i18n/i18n';
 import { API_CONTENT_DIR, isApiContent } from '@lib/api/overviewPages';
 import type { GetStaticPaths } from 'astro';
 
@@ -51,15 +51,17 @@ const { Content } = await render(entry);
 
 const pageTitle = isRootPage ? 'Datadog API Reference' : `${entry.data.title} - Datadog API`;
 
+const translate = useTranslations(lang);
+
 const breadcrumbs =
   isRootPage
     ? [
-        { label: i18n('docs', lang), href: localizedHref(lang, '/') },
-        { label: i18n('api', lang) },
+        { label: translate('docs'), href: localizedHref(lang, '/') },
+        { label: translate('api') },
       ]
     : [
-        { label: i18n('docs', lang), href: localizedHref(lang, '/') },
-        { label: i18n('api', lang), href: localizedHref(lang, '/api/latest/') },
+        { label: translate('docs'), href: localizedHref(lang, '/') },
+        { label: translate('api'), href: localizedHref(lang, '/api/latest/') },
         { label: entry.data.title },
       ];
 ---
@@ -70,6 +72,6 @@ const breadcrumbs =
   categories={categories}
   breadcrumbs={breadcrumbs}
 >
-  <ApiPageHeader title={entry.data.title} lang={lang} />
+  <ApiPageHeader title={entry.data.title} />
   <Content />
 </ApiLayout>
diff --git a/astro/src/pages/[...lang]/api/latest/[category].astro b/astro/src/pages/[...lang]/api/latest/[category].astro
index 247f63d20a0..9b6ec1a679a 100644
--- a/astro/src/pages/[...lang]/api/latest/[category].astro
+++ b/astro/src/pages/[...lang]/api/latest/[category].astro
@@ -8,7 +8,7 @@ import { getCategoryStubsView, getCategoryViewBySlug } from '@lib/api/viewsBuild
 import { renderMarkdown } from '@lib/api/markdownRenderer';
 import { LOCALES, parseLangParam, localizedHref } from '@lib/i18n/locale';
 import { mdToMetaDescription } from '@lib/seo';
-import { i18n } from '@lib/i18n/i18n';
+import { useTranslations } from '@lib/i18n/i18n';
 import type { GetStaticPaths, GetStaticPathsResult } from 'astro';
 
 export const getStaticPaths: GetStaticPaths = async () => {
@@ -43,6 +43,7 @@ if (!current) {
 }
 
 const categoryBaseHref = localizedHref(lang, `/api/latest/${slug}/`);
+const translate = useTranslations(lang);
 ---
 
 <ApiLayout
@@ -51,12 +52,12 @@ const categoryBaseHref = localizedHref(lang, `/api/latest/${slug}/`);
   categories={categories}
   activeCategory={current}
   breadcrumbs={[
-    { label: i18n('docs', lang), href: localizedHref(lang, '/') },
-    { label: i18n('api', lang), href: localizedHref(lang, '/api/latest/') },
+    { label: translate('docs'), href: localizedHref(lang, '/') },
+    { label: translate('api'), href: localizedHref(lang, '/api/latest/') },
     { label: current.name },
   ]}
 >
-  <ApiPageHeader title={current.name} lang={lang} />
+  <ApiPageHeader title={current.name} />
   {current.deprecated && <Alert level="warning">This endpoint is deprecated.</Alert>}
   {current.description && (
     <div set:html={renderMarkdown(current.description)} />
diff --git a/astro/src/pages/[...lang]/api/latest/[category]/[operation].astro b/astro/src/pages/[...lang]/api/latest/[category]/[operation].astro
index c2c972cba99..e97a3d97637 100644
--- a/astro/src/pages/[...lang]/api/latest/[category]/[operation].astro
+++ b/astro/src/pages/[...lang]/api/latest/[category]/[operation].astro
@@ -14,7 +14,7 @@ import { renderMarkdown } from "@lib/api/markdownRenderer";
 import { highlightEndpoint } from "@lib/api/syntaxHighlighter";
 import { LOCALES, parseLangParam, localizedHref } from "@lib/i18n/locale";
 import { mdToMetaDescription } from "@lib/seo";
-import { i18n } from "@lib/i18n/i18n";
+import { useTranslations } from "@lib/i18n/i18n";
 import type { GetStaticPaths, GetStaticPathsResult } from "astro";
 
 export const getStaticPaths: GetStaticPaths = async () => {
@@ -75,6 +75,7 @@ if (
 
 const { redirectTo } = Astro.props as PageProps;
 
+const translate = useTranslations(lang);
 const categories = await getCategoryStubsView(lang);
 const category = await getCategoryViewBySlug(catSlug, lang);
 if (!category) {
@@ -138,15 +139,15 @@ const tabDisabled = operation
         activeCategory={category}
         currentOperationSlug={opSlug}
         breadcrumbs={[
-          { label: i18n("docs", lang), href: localizedHref(lang, "/") },
+          { label: translate("docs"), href: localizedHref(lang, "/") },
           {
-            label: i18n("api", lang),
+            label: translate("api"),
             href: localizedHref(lang, "/api/latest/"),
           },
           { label: operation.summary },
         ]}
       >
-        <ApiPageHeader title={operation.summary} lang={lang} />
+        <ApiPageHeader title={operation.summary} />
         <Tabs
           id={tabsId}
           labels={tabLabels}
diff --git a/astro/src/pages/[...slug].astro b/astro/src/pages/[...slug].astro
index c7fda088972..7b01c880fe3 100644
--- a/astro/src/pages/[...slug].astro
+++ b/astro/src/pages/[...slug].astro
@@ -16,7 +16,6 @@ import CdocsFilterBar from '@components/CdocsFilterBar/CdocsFilterBar';
 import CopyPageButtonIsland from '@components/CopyPageButton/CopyPageButtonIsland.astro';
 import { resolveCdocRender } from '@lib/cdocs/resolveCdocRender';
 import { COOKIE_NAME } from '@lib/cdocs/cookiePrefs';
-import { DEFAULT_LOCALE } from '@lib/i18n/locale';
 
 // `[...slug]` yields the full path with no leading/trailing slash, which is
 // exactly an `en` entry id (path under content/en, without the extension).
@@ -92,7 +91,7 @@ const plaintextHref = `${Astro.url.pathname.replace(/\/$/, '')}.md${Astro.url.se
       </div>
     </main>
     <nav class="cdoc-rightnav">
-      <CopyPageButtonIsland lang={DEFAULT_LOCALE} />
+      <CopyPageButtonIsland />
       {/* TODO: temporary testing link to the plaintext (.md) version. Only
           filterable docs currently have a working `.md` twin. */}
       {isFilterable && (
diff --git a/astro/src/pages/api/index.astro b/astro/src/pages/api/index.astro
deleted file mode 100644
index 5dab8a8a747..00000000000
--- a/astro/src/pages/api/index.astro
+++ /dev/null
@@ -1,5 +0,0 @@
----
-import { prefixed } from "@lib/site/pathPrefix";
-export const prerender = true;
-return Astro.redirect(prefixed("/api/latest/"));
----
diff --git a/astro/src/pages/api/latest/ci-visibility.astro b/astro/src/pages/api/latest/ci-visibility.astro
deleted file mode 100644
index d315d76d34f..00000000000
--- a/astro/src/pages/api/latest/ci-visibility.astro
+++ /dev/null
@@ -1,5 +0,0 @@
----
-import { prefixed } from "@lib/site/pathPrefix";
-export const prerender = true;
-return Astro.redirect(prefixed("/api/latest/ci-visibility-pipelines/"));
----
diff --git a/astro/src/pages/api/latest/cloud-workload-security.astro b/astro/src/pages/api/latest/cloud-workload-security.astro
deleted file mode 100644
index 8d95343a696..00000000000
--- a/astro/src/pages/api/latest/cloud-workload-security.astro
+++ /dev/null
@@ -1,5 +0,0 @@
----
-import { prefixed } from "@lib/site/pathPrefix";
-export const prerender = true;
-return Astro.redirect(prefixed("/api/latest/csm-threats/"));
----
diff --git a/astro/src/pages/api/latest/downtimes/s.astro b/astro/src/pages/api/latest/downtimes/s.astro
deleted file mode 100644
index e7d21c3adb7..00000000000
--- a/astro/src/pages/api/latest/downtimes/s.astro
+++ /dev/null
@@ -1,5 +0,0 @@
----
-import { prefixed } from "@lib/site/pathPrefix";
-export const prerender = true;
-return Astro.redirect(prefixed("/api/latest/downtimes/"));
----
diff --git a/astro/src/pages/api/latest/service-scorecards.astro b/astro/src/pages/api/latest/service-scorecards.astro
deleted file mode 100644
index ef78f03af82..00000000000
--- a/astro/src/pages/api/latest/service-scorecards.astro
+++ /dev/null
@@ -1,5 +0,0 @@
----
-import { prefixed } from "@lib/site/pathPrefix";
-export const prerender = true;
-return Astro.redirect(prefixed("/api/latest/scorecards/"));
----
diff --git a/astro/src/pages/api/screenboards.astro b/astro/src/pages/api/screenboards.astro
deleted file mode 100644
index ca028fb0f18..00000000000
--- a/astro/src/pages/api/screenboards.astro
+++ /dev/null
@@ -1,5 +0,0 @@
----
-import { prefixed } from "@lib/site/pathPrefix";
-export const prerender = true;
-return Astro.redirect(prefixed("/api/latest/dashboards/"));
----
diff --git a/astro/src/pages/dd_e2e/components/footer.astro b/astro/src/pages/dd_e2e/components/footer.astro
index 98c8d144b57..ab15994b832 100644
--- a/astro/src/pages/dd_e2e/components/footer.astro
+++ b/astro/src/pages/dd_e2e/components/footer.astro
@@ -31,7 +31,7 @@ const title = 'Footer';
       </table>
 
       <h2>Data flow</h2>
-      <p>Footer data is assembled at build time by <code>getFooterData()</code> in <code>src/lib/componentUtils/footerMenus.ts</code>, which reads <code>config/_default/menus/menus.en.yaml</code> from <code>@websites-modules</code>, sorts by <code>weight</code>, resolves URLs with <code>resolveFooterUrl()</code>, and splits each menu in half for the two-column layout. The Product column comes from <code>getFooterProductLinks()</code> in <code>menuData.ts</code> — flattened and deduped from the header mega-menu tree. The component receives a single view model with named slots (<code>accordionSections</code>, <code>sub</code>, <code>social</code>). The language selector reads from <code>src/lib/i18n/languageNames.ts</code>.</p>
+      <p>Footer data is assembled at build time by <code>getFooterData(lang)</code> in <code>src/lib/componentUtils/footerMenus.ts</code>, which reads <code>config/_default/menus/menus.en.yaml</code> from <code>@websites-modules</code>, sorts by <code>weight</code>, translates section headings with <code>useTranslations(lang)</code>, resolves URLs with <code>resolveFooterUrl()</code>, and splits each menu in half for the two-column layout. The menu YAML itself is English-only; <code>lang</code> selects the translations, not the source file. The Product column comes from <code>getFooterProductLinks(lang)</code> in <code>menuData.ts</code> — flattened and deduped from the header mega-menu tree. The component receives a single view model with named slots (<code>accordionSections</code>, <code>sub</code>, <code>social</code>). The language selector reads from <code>src/lib/i18n/languageNames.ts</code>.</p>
 
       <h2>Properties (Free-trial modal)</h2>
       <table>
diff --git a/astro/src/pages/dd_e2e/components/header.astro b/astro/src/pages/dd_e2e/components/header.astro
index c37e37fa0ea..5081e4cb1ae 100644
--- a/astro/src/pages/dd_e2e/components/header.astro
+++ b/astro/src/pages/dd_e2e/components/header.astro
@@ -33,7 +33,7 @@ const title = 'Header';
       </table>
 
       <h2>Data flow</h2>
-      <p>Menu data is assembled at build time by <code>getHeaderData()</code> in <code>src/lib/componentUtils/menuData.ts</code>, which reads <code>data/menu_data/*.yaml</code> directly from <code>@websites-modules</code>, runs labels through <code>i18n(key)</code>, and resolves URLs so relative paths become <code>https://www.datadoghq.com/…</code>. The component receives a single structured view model with named slots (<code>product</code>, <code>solutions</code>, <code>about</code>, <code>blog</code>, <code>login</code>, <code>getStarted</code>, <code>leftLinks</code>) — no <code>find</code>/<code>filter</code> in the template. The mobile overlay's accordion is sourced separately by <code>getDocsNavTree()</code> in <code>src/lib/componentUtils/docsNavMenu.ts</code> from <code>config/_default/menus/main.en.yaml</code>.</p>
+      <p>Menu data is assembled at build time by <code>getHeaderData(lang)</code> in <code>src/lib/componentUtils/menuData.ts</code>, which reads <code>data/menu_data/*.yaml</code> directly from <code>@websites-modules</code>, runs labels through a <code>useTranslations(lang)</code> translator, and resolves URLs so relative paths become <code>https://www.datadoghq.com/…</code>. The menu YAML itself is English-only; <code>lang</code> selects the translations, not the source file. The component receives a single structured view model with named slots (<code>product</code>, <code>solutions</code>, <code>about</code>, <code>blog</code>, <code>login</code>, <code>getStarted</code>, <code>leftLinks</code>) — no <code>find</code>/<code>filter</code> in the template. The mobile overlay's accordion is sourced separately by <code>getDocsNavTree()</code> in <code>src/lib/componentUtils/docsNavMenu.ts</code> from <code>config/_default/menus/main.en.yaml</code>.</p>
 
       <h2>Dimensions (Hugo-identical)</h2>
       <table>