返信先: 動的ルートのSSG?で使用するgenerateStaticParamsを知りたいです

ホーム 質問掲示板 UI/UX・フロントエンド開発 Next.js 動的ルートのSSG?で使用するgenerateStaticParamsを知りたいです 返信先: 動的ルートのSSG?で使用するgenerateStaticParamsを知りたいです

#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