Next.jsのISRで動的コンテンツをキャッシュするときの戦略

最近Next.jsのISR（Incremental Static Regeneration）を耳にする機会が増えてきました。Zennでも2021/3/17時点で記事や本などの一部のページでISRを採用しています。 ISRとは何か ISRを使うことで、動的なコンテンツを含むページも静的ページとしてCDNにキャッシュすることが可能になります。Next.jsのISRはドキュメントに書かれているようにstale-while-revalidateという考え方でキャッシュが行われます。 具体的には、リクエスト時にページのキャッシュを作成し、次のアクセスではキャッシュされた古いデータを返します。その裏で次のアクセスに向けてキャッシュが再生成されるというイメージです。 これによりユーザー投稿コンテンツであってもCDNにキャッシュしやすくなるというわけです。 Next.jsでのISRの実装 デプロイ先がVe

[efcl]

Next.jsのISRにおけるキャッシュ、最新情報の表示パターンについて

[takezaki]

わかりやすい

[Keisuke69]

“著者本人の場合のみ最新のデータをリクエストする”って落としどころとしていいアイデアな気がするなー。きっと著者は更新したら自分でその場で確認するだろうしね。

[tossy_yukky]

最近のこの辺の技術はVercelだのFastlyだのCloudFlare Workerだの、AWSやらGCPやらとはまた違った趣のサービスにもたれかかってるの、刺激あって好きな展開かもしれない。