Next.js 16.3 Instant Navigations: o contrato de cache vale mais que o clique rápido
O que aconteceu
O Next.js 16.3 Preview foi publicado em 24 de junho de 2026. A proposta é renderizar imediatamente uma shell reutilizável da rota e transmitir o restante do conteúdo dinâmico.
Partial Prefetching reduz o prefetch de páginas completas e foca em shells por rota distinta.
Por que importa
Em dashboards, e-commerce e SaaS, uma shell útil depois do clique melhora muito a percepção de velocidade. Mas isso exige fronteiras claras de <Suspense> e cache.
Sinal da comunidade
Discussões mostram desejo por navegação tipo SPA, mas também preocupações com stale data, search params, PPR e custo de prefetch.
Checklist
Escolha cinco rotas críticas, separe shell e regiões dinâmicas, meça bytes transferidos, use router.prefetch() com intenção clara e alinhe purge CDN para HTML/RSC.
Instant Navigation checklist
• route shell vs dynamic region
• <Suspense> boundaries
• transferred bytes and RSC timing
• cacheTag / cacheLife ownership
• HTML and RSC CDN invalidation
Riscos
A versão é Preview. Comece por rotas de leitura e monitore fallback, stale reports e custo de renderização.
Fontes
- 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