動的ルートのSSG？で使用するgenerateStaticParamsを知りたいです

[Next Rookie]

generateStaticParams() についての処理フロー・呼び出しタイミングについて知りたいです

[Rookie Dev]

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

いいね 46

[投稿者]

投稿