Next.js 16.3 Instant Navigations：比快速點擊更重要的是快取契約

發生了什麼

Next.js 16.3 Preview 於 2026 年 6 月 24 日發布。核心思路是先顯示可重用的 route shell，再把動態內容以 streaming 補上。

Partial Prefetching 不再為每個可見連結預取完整頁面，而是按 distinct route 預取可重用 shell。

為什麼重要

在 dashboard、SaaS 與電商產品中，點擊後立即看到有意義的 shell 會明顯改善體感速度。但團隊必須清楚劃分可 prerender 的 UI、request-time data、Suspense 與 cache boundary。

社群訊號

社群一直希望 App Router 有接近 SPA 的流暢感，但圍繞 PPR、searchParams、stale data 與 prefetch 成本的討論說明快取邊界仍是難點。

檢查清單

選擇五個高頻 route，拆分 shell 與 dynamic region，衡量 transferred bytes 與 RSC timing，限制 manual prefetch，並驗證 CDN 對 HTML/RSC 的失效流程。

風險

16.3 仍是 Preview。應先在 read-heavy route 試點，不要直接放到 checkout 或 billing 關鍵流程。

來源

• Next.js Blog: Next.js 16.3 Instant Navigations
• Next.js Docs: Prefetching
• Next.js Docs: Caching with Cache Components
• Next.js Docs: cacheComponents configuration
• Next.js Docs: Version 16 upgrade guide
• Next.js Docs: Rendering Philosophy
• Next.js Docs: CDN Caching
• Next.js Docs: PPR Platform Guide
• GitHub Discussion: Next.js searchParams and PPR cache concerns
• Reddit r/nextjs discussion: smooth App Router navigation expectations