https://zenn.dev/funteractive/articles/on-demand-isr-vs-ssr
ファンタラクティブのエンジニアの 太田 です。
Next.js v12.1でリリースされたOn-demand ISRについて、SSRの代わりになり得るのか考えました。
SSRとは
- ユーザーがページアクセスするたびに、サーバーサイドでデータ取得をしプリレンダリングした結果をクライアントに返す
- 常に最新のデータを取得できる
- 動的ルーティングのOGP対応が可能
SSR
ISRとは
- ページアクセス時にキャッシュされた静的なページを返しつつ、キャッシュ有効期限が切れている場合は裏でキャッシュの再生成をし、次回アクセス以降に使用できるようにする
- SSGと違いページの更新にビルドが必要ない
ISR キャッシュ生成
On-demand ISRとは
- ISRに追加で任意のトリガーでキャッシュの更新をすることができる
On-demand ISR キャッシュ生成
ISRとOn-demand ISRの比較