ホーム › 質問掲示板 › UI/UX・フロントエンド開発 › Next.js › 動的ルートのSSG?で使用するgenerateStaticParamsを知りたいです › 返信先: 動的ルートのSSG?で使用するgenerateStaticParamsを知りたいです
2025年8月6日 4:20 PM
#212
generateStaticParams は Next.js の「予約済み関数」です。関数名を変えると動作しません
next build 実行時に generateStaticParams() が呼ばれます。
一般的には下記のように動的ルート [param] に対し、静的に生成するパスを定義します
(例)
// app/blog/[slug]/page.tsx
export async function generateStaticParams() {
const posts = await fetch('https://example.com/api/posts').then(res => res.json());
return posts.map((post) => ({ slug: post.slug }));
}
参考記事
https://nextjsjp.org/docs/app/api-reference/functions/generate-static-params