// app/product/[id]/page.tsx
import { Metadata } from 'next';

// 1. URL의 [id] 값을 받아옵니다.
type Props = { params: { id: string } };

// 2. 페이지 렌더링 직전에 실행되는 동적 메타데이터 생성 함수
export async function generateMetadata({ params }: Props): Promise<Metadata> {
  // 서버에서 DB 조회
  const product = await fetchProductFromDB(params.id);
  
  return {
    title: `${product.name} | Minstudio 스토어`,
    description: `${product.price}원에 만나보세요. ${product.summary}`,
    openGraph: {
      images: [
        // 3. /api/og 라우트로 넘겨 동적 PNG 이미지를 생성합니다!
        { url: `https://store.app/api/og?title=${product.name}&price=${product.price}` }
      ],
    },
  };
}

export default function ProductPage({ params }: Props) {
  return <div>상품 상세 화면</div>;
}