stale-while-revalidate対応のCDNでISRのような挙動を実現する

先日、Next.jsのISR（Incremental Static Regeneration）について書きました。 ISRは非常に強力な機能なのですが、セルフホスティングでNext.jsを動かす場合には色々と使うのが難しかったりします。この記事ではその理由とCDNを使ってISRと似たような挙動を実現する方法を紹介します。 Next.jsのISRをVercel以外で動かすのは難しい Vercelは自社でメンテナンスしているNext.jsを簡単にデプロイできることを大きな強みとしています。Vercelにデプロイする場合、ソースコード上で決められた書き方さえすれば、Vercel側の追加設定なしでISRを利用できます。 しかし、Vercel以外のプラットフォームにデプロイするとなると途端に話がややこしくなります。 Next.jsのISRはキャッシュしたHTMLをファイルシステムに書き込む仕様になっ

[laiso]

ISRの中身実質SSR+CDNだよなと思っていたので納得感ある

[takezaki]

“ISRは非常に強力な機能なのですが、Next.jsをVercel以外で動かす場合にはまともに使うことができません。この記事ではその理由とCDNを使ってISRと同じような挙動を実現する方法を紹介”

[akymrk]

"export async function getServerSideProps({ res }) { "...“ res.setHeader("Cache-Control", "public, s-maxage=10, stale-while-revalidate=86400"); ”

[youhei_nak]

使ってみました。よかったです。

[Keisuke69]

CDNで対応してりゃいいじゃんと思ってたものの、諸事情により試せない&公開できなかったやつ！Vercelに依存せずに簡単にやれる