Next.jsのレンダリング方式備忘録

Next.jsのレンダリング方法の理解がいまいちだったため、備忘として記録しておく。

Next.jsレンダリング方法一覧

  • CSR: クライアントで描画。ユーザー操作が多い SPA 向け。
  • SSR: リクエストごとにサーバー描画。最新データが必要なページ(例:ダッシュボード)。
  • SSG: ビルド時に静的生成。ブログやドキュメントのように更新頻度が低いページに最適。
  • ISR: SSG をベースに再生成。ニュース記事や商品ページのように「ほぼ静的だが時々更新」が必要なケースで便利。