Next.js 16.3 Instant Navigations: le contrat de cache compte plus que le clic rapide
Ce qui a changé
Next.js 16.3 Preview a été publié le 24 juin 2026. Instant Navigations vise à afficher immédiatement une shell de route réutilisable pendant que les parties dynamiques arrivent en streaming.
Partial Prefetching précharge moins de pages complètes et privilégie une shell par route distincte.
Pourquoi c’est important
Le ressenti utilisateur change fortement dans les dashboards et produits SaaS. Mais il faut séparer clairement ce qui peut être dans la shell et ce qui dépend de la requête via Suspense ou cache explicite.
Signal de la communauté
Les discussions montrent une attente de navigation façon SPA, mais aussi des inquiétudes sur données stale, paramètres de recherche, PPR et invalidation.
Liste pratique
Cartographier les routes critiques, poser les frontières <Suspense>, mesurer bytes et timing RSC, nommer les tags de cache par domaine, et vérifier purge CDN pour HTML et RSC.
Instant Navigation checklist
• route shell vs dynamic region
• <Suspense> boundaries
• transferred bytes and RSC timing
• cacheTag / cacheLife ownership
• HTML and RSC CDN invalidation
Risques
La version est Preview. Les équipes devraient piloter sur des routes peu risquées avant les parcours de paiement ou d’administration sensibles.
Sources
- 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