Next.js 16.3 Instant Navigations: 速いクリックよりキャッシュ契約が重要になる

何が起きたか

Next.js 16.3 Previewは2026年6月24日に公開されました。Instant Navigationsは、再利用可能なroute shellをすぐ表示し、動的部分を後からstreamingする考え方です。

Partial Prefetchingは、表示中のすべてのリンクをページ単位でprefetchするのではなく、routeごとのshellを再利用します。

DashboardやSaaSでは、クリック直後に意味のあるshellが見えるだけで体感速度が大きく変わります。ただし、<Suspense>、Cache Components、request-time dataの境界設計が必要です。

コミュニティはSPAのような滑らかさを求めています。一方で、PPR、searchParams、stale data、prefetch負荷への不安も見えます。

主要routeを5つ選び、shellとdynamic領域を分け、request数だけでなく転送量とRSC timingを見て、manual prefetchとCDN purgeを慎重に設計します。

Instant Navigation checklist

• route shell vs dynamic region

• <Suspense> boundaries

• transferred bytes and RSC timing

• cacheTag / cacheLife ownership

• HTML and RSC CDN invalidation

16.3はPreviewです。重要な決済や請求フローではなく、read-heavyな画面から計測付きで試すべきです。