create-brainerce-store 1.28.15 → 1.28.18

package/templates/nextjs/base/src/app/products/[slug]/page.tsx

@@ -1,27 +1,19 @@
 import type { Metadata } from 'next';
-import { headers } from 'next/headers';
 import { notFound } from 'next/navigation';
 import { getServerClient } from '@/lib/brainerce';
 import { ProductJsonLd } from '@/components/seo/product-json-ld';
 import { ProductClientSection } from './product-client-section';
 
 type Props = {
-  params: Promise<{ slug: string }>;
+  params: Promise<{ slug: string; locale?: string }>;
 };
 
-// Read the locale the middleware set on this request so the SDK can resolve
-// translated slugs (translations[locale].slug) in addition to the base slug.
-async function getRequestLocale(): Promise<string | undefined> {
-  return (await headers()).get('x-locale') ?? undefined;
-}
-
 export async function generateMetadata({ params }: Props): Promise<Metadata> {
-  const { slug } = await params;
-  const locale = await getRequestLocale();
+  const { slug, locale } = await params;
 
   try {
-    const client = getServerClient();
-    const product = await client.getProductBySlug(slug, { locale });
+    const client = getServerClient(locale);
+    const product = await client.getProductBySlug(slug);
     const imageUrl = product.images?.[0]?.url;
     // Prefer merchant-authored SEO copy; fall back to the visible name/description.
     // Both are served already locale-resolved by the backend.
@@ -58,13 +50,12 @@ export async function generateMetadata({ params }: Props): Promise<Metadata> {
 }
 
 export default async function ProductDetailPage({ params }: Props) {
-  const { slug } = await params;
-  const locale = await getRequestLocale();
+  const { slug, locale } = await params;
 
   let product;
   try {
-    const client = getServerClient();
-    product = await client.getProductBySlug(slug, { locale });
+    const client = getServerClient(locale);
+    product = await client.getProductBySlug(slug);
   } catch {
     notFound();
   }