ISRとは?

ISR(Incremental Static Regeneration) は、SSGSSRのハイブリッド方式。初回はビルド時の静的HTMLを返し、指定時間(例: 1時間)ごとにバックグラウンドで新しいHTMLを生成して差し替えます。

ISRが適するページ

  • ブログ(1時間に数件更新)
  • EC商品ページ(在庫更新あり)
  • ニュースサイト
  • 価格ページ

Next.jsでの実装

tsx
export const revalidate = 3600; // 1時間

SSGとSSRの良いとこ取り

  • SSGの速度 + SSRの新鮮さ
  • サーバー負荷はSSR未満
  • 更新反映にタイムラグあり(許容できる場合のみ)

関連用語

Tufe Companyのソリューション