first commit

app/[locale]/product/[slug]/page.tsx

@@ -0,0 +1,39 @@
+import type { Metadata } from "next"
+import { notFound } from "next/navigation"
+import ProductPageContent from "./ProductPageContent"
+
+type Props = {
+  params: Promise<{ locale: string; slug: string }>
+}
+
+export const revalidate = 3600 // ISR: Revalidate every hour
+
+export async function generateMetadata({ params }: Props): Promise<Metadata> {
+  const { locale, slug } = await params
+
+  return {
+    title: `Product ${slug} | E-Commerce`,
+    description: `View details for product ${slug}`,
+    openGraph: {
+      locale,
+      type: "website",
+      title: `Product ${slug} | E-Commerce`,
+      description: `View details for product ${slug}`,
+    },
+  }
+}
+
+export async function generateStaticParams() {
+  // Generate static params for popular products
+  return [{ slug: "nike-air-max" }, { slug: "adidas-ultraboost" }]
+}
+
+export default async function ProductPage(props: Props) {
+  const params = await props.params
+
+  if (!params.slug) {
+    notFound()
+  }
+
+  return <ProductPageContent slug={params.slug} />
+}