ISRとは?
ISR(Incremental Static Regeneration) は、SSGとSSRのハイブリッド方式。初回はビルド時の静的HTMLを返し、指定時間(例: 1時間)ごとにバックグラウンドで新しいHTMLを生成して差し替えます。
ISRが適するページ
- ブログ(1時間に数件更新)
- EC商品ページ(在庫更新あり)
- ニュースサイト
- 価格ページ
Next.jsでの実装
tsx
export const revalidate = 3600; // 1時間
SSGとSSRの良いとこ取り
- SSGの速度 + SSRの新鮮さ
- サーバー負荷はSSR未満
- 更新反映にタイムラグあり(許容できる場合のみ)