stamatios
← Voltar ao feed
Next.js 16.3 reduz memória e acelera builds em desenvolvimento
Dev & Engenharia · Produto & Design

Next.js 16.3 reduz memória e acelera builds em desenvolvimento

resumo de ~3 min

Melhorias imediatas para todos os apps

O Next.js 16.3, anunciado em 3 de agosto de 2026, é a maior atualização desde a versão 16.0. Todas as melhorias abaixo funcionam sem alterar código de aplicação:

  • Menos memória em dev: o Turbopack usa até 90% menos RAM em sessões longas de desenvolvimento (ex.: dashboard da Vercel caiu de 21,5 GB para 2 GB). A redução vem de cache em disco e evicção de memória, ambos habilitados por padrão.
  • Builds mais rápidos: o cache em disco do Turbopack agora funciona também no next build. Projetos testados pela Vercel atingiram builds até 5,5× mais rápidos em CI.
  • Type checking com TypeScript 7: basta atualizar a dependência local para typescript@^7 e o next build usa o port nativo do TypeScript, que é até 10× mais rápido.
  • SSR mais rápido: a troca de web streams por streams nativos do Node.js na camada de renderização do App Router permitiu até 22% mais requisições sob carga.
  • Docs versionadas para agentes de IA: o next dev gera e mantém um bloco AGENTS.md que aponta para a documentação correspondente à versão do projeto, eliminando a necessidade dos "Skills" anteriores.
  • Menos requisições de prefetch: payloads pequenos de prefetch são agrupados automaticamente, reduzindo o número total de requisições.
  • Cache de assets estáticos entre deploys: assets imutáveis podem ser reutilizados entre implantações.
  • Error boundaries customizados: nova API catchError permite definir boundaries que não interferem com notFound/redirect e oferecem função retry() para re-renderizar Server Components.
  • Glob imports embutidos: suporte à API import.meta.glob (compatível com Vite) no Turbopack, com hot-module reloading.

Instant Navigations (opt-in)

Conjunto de ferramentas que busca trazer a responsividade de SPAs ao Next.js sem abandonar o modelo server-driven. Ativado via flags cacheComponents e partialPrefetching no next.config.ts:

  • Instant Insights: devtool que automaticamente identifica navegações lentas e sugere correções.
  • Partial Prefetching: controle granular sobre quanto conteúdo cada link deve pré-carregar, extraindo loading shells reutilizáveis de qualquer rota.
  • ISR aprimorado: páginas não pré-renderizadas no build passam a servir um loading shell instantâneo ao primeiro visitante e, em segundo plano, geram a versão pré-renderizada para visitas futuras.
  • Navigation Inspector: permite pausar navegações e inspecionar visualmente o loading shell exibido ao usuário.
  • Playwright test helper: a função instant() permite escrever testes que falham se o conteúdo que deveria ser instantâneo deixar de aparecer imediatamente.

Esses comportamentos devem se tornar padrão em uma futura major version.

Recursos experimentais

  • React Compiler em Rust: roda dentro do Turbopack sem passar pelo Babel. Em testes no v0, reduziu o tempo de next dev até página pronta em 34% (cold) e 46% (warm).
  • Resiliência de rede: com experimental.useOffline, navegações e fetches pendentes ficam em espera quando a conexão cai e são retomados ao reconectar. Um hook useOffline permite exibir banner de status.

Para atualizar: npm install next@latest.