Next.jsのISRを独自に構築する ~ Cloudflare Workers編（Cache APIの注意点） ~

BRANK

Next.jsにはIncremental Static Regeneration（以降: ISR）というレンダリングの仕組みが存在します。ところがこれを利用するにはVercel上でNext.jsを使用しないと完璧な動作をしないことは知られています。ですが、このISRの仕組みは従来のSSRよりサーバの処理コストはもちろん、キャッシュという仕組み上レスポンスにも非常に効果のあるものです。今回はこのISRを独自に構築するための技術を記事として起こしていきます。【前提条件】ISRが何という説明は本記事では行いません。システム構成上、1記事ですべてを説明するにはボリュームが大きいので複数記事に分けさせて頂きます。本記事で詳細するシステム構成には一部成約が存在します。使用するNext.jsもしくはそれに準ずるものは getServerSideProps などのサーバサイドの処理で取得したデータでレンダリングをしない。Cloudflare Workersなどサービスにロックインする機構が存在します。もし別サービスで置き換えれるならそちらはご自身で検討下さい。 結論Cloudflare Workersを使用することでISRの実現は可能。しかし、Cloudflare WorkersでのNext.jsのISRに限りなく近づける場合にはCache APIは向かない。そもそもCl…