商品詳細ページを作ります。/products/[id] にアクセスすると、その商品の 名前・価格・説明が表示されます。 詳細ページを完成させてください。
Next.js app-router の動的ルートで商品詳細ページを完成させる問題です。/products/[id] に アクセスすると、その商品の名前・価格・説明を表示します。データは静的な商品モジュール (lib/products)3 件をそのまま使い、表示ロジックは app/products/[id]/page.tsx に置きます。
Next.js app-router の動的ルートは、アドレスの一部([id])を受け取ってページを描きます。 この問題は、/products/[id] 詳細ページがアドレスから [id] を読み取り、その商品の名前・価格・説明を 描くことを扱います。カタログの商品でページが実際に正しくレンダーされるかを検証する習慣が大切です。