🐛 fix OG images for non-English locales

Move OG route from /og/docs/[...slug] to /og/[lang]/docs/[...slug] so
locale-prefixed OG URLs resolve correctly. Pass lang to source.getPage
and strip locale/docs prefix from segments for generateStaticParams.

https://claude.ai/code/session_01UwMuBPaeouJ16zJTVa8UJm

Author: claude

docs/app/og/[lang]/docs/[...slug]/route.tsx

@@ -0,0 +1,34 @@
+import { getPageImage, source } from "@/lib/source";
+import { notFound } from "next/navigation";
+import { ImageResponse } from "next/og";
+import { generate as DefaultImage } from "fumadocs-ui/og";
+
+export const revalidate = false;
+
+export async function GET(
+  _req: Request,
+  { params }: { params: Promise<{ lang: string; slug: string[] }> },
+) {
+  const { lang, slug } = await params;
+  const page = source.getPage(slug.slice(0, -1), lang);
+  if (!page) notFound();
+
+  return new ImageResponse(
+    <DefaultImage
+      title={page.data.title}
+      description={page.data.description}
+      site="Python Template"
+    />,
+    {
+      width: 1200,
+      height: 630,
+    },
+  );
+}
+
+export function generateStaticParams() {
+  return source.getPages().map((page) => ({
+    lang: page.locale,
+    slug: getPageImage(page).segments,
+  }));
+}

docs/app/og/docs/[...slug]/route.tsx

@@ -9,10 +9,14 @@ export const source = loader({
 });
 
 export function getPageImage(page: ReturnType<typeof source.getPage> & {}) {
-  const segments = page.url.split("/").filter(Boolean);
+  const allSegments = page.url.split("/").filter(Boolean);
+  // Strip locale and "docs" prefix for the slug param (they're separate route params)
+  const docSegments = allSegments.filter(
+    (s) => s !== page.locale && s !== "docs",
+  );
   return {
-    url: `/og/${segments.join("/")}/og.png`,
-    segments: [...segments, "og.png"],
+    url: `/og/${allSegments.join("/")}/og.png`,
+    segments: [...docSegments, "og.png"],
   };
 }