ホーム › 質問掲示板 › UI/UX・フロントエンド開発 › Next.js › 動的ルートのSSG?で使用するgenerateStaticParamsを知りたいです › 返信先: 動的ルートのSSG?で使用するgenerateStaticParamsを知りたいです
2025年8月6日 4:20 PM
#212
Deprecated: 関数 seems_utf8 は、バージョン 6.9.0 から非推奨になりました ! 代わりに wp_is_valid_utf8() を使用してください。 in /home/siennahare23/www/rindev.site/blog/wp-includes/functions.php on line 6131
Deprecated: 関数 seems_utf8 は、バージョン 6.9.0 から非推奨になりました ! 代わりに wp_is_valid_utf8() を使用してください。 in /home/siennahare23/www/rindev.site/blog/wp-includes/functions.php on line 6131
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