Next.js 15 cache利用スタンス
Next.js 15でcache Next.jsの扱いが変わった所もあり、改めて利用スタンスを整理したい。
Data Cache Next.js
使わない。
リクエストをServer内でキャッシュして、使い回さない。
Full Route Cache Next.js
使わない。
ビルド時にページ作らない。初期アクセス時にページをキャッシュしない。
全部、Dynamic Rendering 動的レンダリング
cache React(Request Memolization Next.js)
使う。
React Server Components RSCベースの作り方だと、必須。
あるページにおける同じリクエストは１リクエストにしたい。
Router Cache Next.js(Client-side Router Cache)
使う方向にする。
以前は挙動が怪しいみたいなことを見かけたので、無効化する体で考えていた。
実際のユーザー体験や作り方による影響を鑑みると、合ったほうがいいな〜となっている。
Suspense/StreamingパターンにおけるCLSの課題と対策