Next.js 16.3: Navegações instantâneas, até 90 % menos memória de desenvolvimento e compilações mais rápidas
Página inicial do InfoQ Notícias Next.js 16.3: Navegações instantâneas, até 90% menos memória de desenvolvimento e compilações mais rápidas
Desenvolvimento Web Next.js 16.3: Navegação instantânea, até 90% menos memória de desenvolvimento e compilações mais rápidas20 de agosto de 2026 2 min de leitura
por
-
Daniel Curtis
Siga-nos no
YouTube 232 mil seguidores LinkedIn 26 mil seguidores Instagram Novo RSS 19 mil leitores X 57,1 mil seguidores Facebook 21 mil gostos Bluesky Novo Ouvir este artigo - 0:00 Áudio pronto para reproduzir O seu navegador não suporta o elemento de áudio. 0:00 0:00 Normal 1,25x 1,5x Gosto- Lista de leitura
A Vercel lançou o Next.js 16.3, a maior atualização do framework React desde o lançamento da versão 16.0 em novembro passado, combinando ganhos de desempenho que abrangem todas as aplicações existentes com um conjunto opcional de ferramentas denominado Instant Navigations.
Grande parte desta versão centra-se na experiência de desenvolvimento. O Turbopack utiliza agora até 90 por cento menos memória durante o Next Dev, graças ao cache em disco e a uma nova funcionalidade de evicção de memória, ambas ativadas por predefinição. A Vercel relata que o seu próprio painel de controlo passou de 21,5 GB para 2 GB, e o The Register destacou um utilizador pioneiro cujo consumo baixou de cerca de 4 GB para 1,5 GB, descrevendo a situação como «de volta ao normal». O mesmo cache de disco acelera agora a compilação do «next», com compilações repetidas até 5,5 vezes mais rápidas na CI.
A verificação de tipos também é mais rápida. A próxima compilação pode executar o TypeScript 7, a versão nativa que a Microsoft afirma ser cerca de dez vezes mais rápida, após atualizar a dependência local:
pnpm add -D typescript@^7A renderização do lado do servidor foi reconstruída com fluxos nativos do Node.js em vez de fluxos web, o que, segundo a Vercel, permite lidar com até 22 por cento mais pedidos sob carga, sem alterações no código. A Heise informou que o «edge runtime» está agora obsoleto, como parte da mesma transição para o Node.
A novidade mais destacada é o Instant Navigations, um conjunto de ferramentas opcionais que traz a capacidade de resposta das aplicações de página única orientadas para o cliente para o Next.js, sem abdicar do seu modelo de servidor. Baseia-se na diretiva «use cache», introduzida em novembro passado, e é ativado com dois sinalizadores:
const nextConfig: NextConfig = { cacheComponents: true, partialPrefetching: true, };O «Partial Prefetching» agrupa pré-carregamentos mais pequenos num único shell reutilizável por rota, o que a Roboto Studio ilustrou como a transformação de vinte ligações da barra lateral, que antes exigiam vinte pedidos, num único shell armazenado em cache. As novas DevTools denominadas «Instant Insights» revelam automaticamente qualquer navegação que não seja instantânea, e um auxiliar «instant()» do Playwright permite às equipas detetar regressões antes de as lançarem.
Os programadores no Reddit testaram a alegação de 90% de poupança de memória, embora os novos sinalizadores tenham algumas ressalvas. A discussão de feedback no GitHub enumera algumas questões: as exportações estáticas não funcionam com o pré-carregamento parcial, os estilos globais do styled-jsx podem vazar entre rotas e a auto-hospedagem no SST com cacheComponents pode interromper completamente a renderização no servidor. A Appwrite aconselhou a atualização imediata para as configurações padrão, mas a adoção das «Instant Navigations» uma rota de cada vez.
Os novos projetos podem ser instalados com as configurações padrão utilizando «npm install next@latest», enquanto os projetos existentes podem seguir o guia de migração para «Cache Components» antes de ativar o novo comportamento, que deverá tornar-se o padrão numa futura versão principal.
O Next.js está a responder à queixa de longa data de que os «Server Components» pareciam lentos quando comparados com aplicações de página única, adotando os seus mecanismos de carregamento instantâneo, ao mesmo tempo que mantém a sua renderização orientada pelo servidor. Aparece também a apostar mais no desenvolvimento orientado por agentes, criando um bloco AGENTS.md com correspondência de versão para a codificação de agentes, uma área em que frameworks mais leves, como o Astro e o TanStack Start, têm vindo a competir.
O Next.js é um framework React de código aberto desenvolvido e mantido pela Vercel. Alarga o React com encaminhamento baseado em ficheiros, renderização do lado do servidor e os «Server Components» do App Router, sendo amplamente utilizado para tudo, desde sites estáticos a aplicações dinâmicas em grande escala.