Next.js SSGで爆速サイトを作る

Next.jsのApp Routerを使った静的サイト生成は、パフォーマンスとDXの両立を実現します。

generateStaticParams

App RouterではgenerateStaticParams関数を使って、ビルド時に静的ページを生成します。

export async function generateStaticParams() {
  const posts = await getAllPosts();
  return posts.map((post) => ({ id: post.id }));
}

ISRとの組み合わせ

revalidateオプションを設定することで、ビルド後もページを段階的に更新できます。フルビルドを走らせることなく、最新のコンテンツを配信できるのが強みです。