技術
ISR: Incremental Static Regeneration
ISR(インクリメンタル静的再生成)とは
Definition
ISR(Incremental Static Regeneration:インクリメンタル静的再生成)とは、Next.jsが提供する機能で、静的生成(SSG)の高速性とサーバーサイドレンダリング(SSR)の動的な更新を組み合わせた方式です。一定時間(revalidate)ごとにページを再生成してキャッシュを更新します。
ISRを使うことで、ブログ記事やECの商品ページを静的ファイルとして配信しながら、定期的に最新データに更新できます。完全静的生成より柔軟で、完全SSRよりも高速です。
Key Points
知っておくべきポイント
01
ISRの設定方法(Next.js App Router)
ページファイルに export const revalidate = 3600 を追加するだけで、1時間(3600秒)ごとにページを再生成するISRが有効になります。0を設定すると動的レンダリング(毎回サーバーで生成)になります。
FAQ