Next.js 16.3 Instant Navigations: hızlı tıklamadan önce cache sözleşmesi
Ne oldu
Next.js 16.3 Preview 24 Haziran 2026’da duyuruldu. Amaç, route shell’i hemen göstermek ve dinamik içeriği streaming ile tamamlamak.
Partial Prefetching görünür her link için tüm sayfayı değil, route başına yeniden kullanılabilir shell’i prefetch eder.
Neden önemli
Dashboard, commerce ve SaaS ürünlerinde anlamlı shell’in hemen görünmesi hissedilen hızı artırır. Bunun için <Suspense>, Cache Components ve request-time data sınırları net olmalıdır.
Topluluk sinyali
Topluluk SPA benzeri akıcılık istiyor; ancak PPR, searchParams, stale data ve fazla prefetch maliyeti hakkında soru işaretleri var.
Kontrol listesi
En sık kullanılan beş route’u seçin, shell/dynamic bölgeleri ayırın, bytes ve RSC timing ölçün, manual prefetch’i sınırlayın, CDN invalidation akışını doğrulayın.
Instant Navigation checklist
• route shell vs dynamic region
• <Suspense> boundaries
• transferred bytes and RSC timing
• cacheTag / cacheLife ownership
• HTML and RSC CDN invalidation
Riskler
Sürüm Preview. Önce read-heavy route’larda deneyin; yanlış cache politikası eski veriyi daha hızlı gösterir.
Kaynaklar
- 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