Ao longo das versões 16.x, o Next.js introduziu um novo modelo de programação que aborda as frustrações do App Router: carregamentos iniciais rápidos, navegações instantâneas no cliente e cache declarativo opcional. Esse modelo, chamado Cache Components, se tornará o padrão no Next.js 17. Antes dessa versão, ele não era amplamente recomendado devido a lacunas de desempenho.
As principais características em 16.4 fecham essas lacunas, permitindo que o Next.js recomende Cache Components como a melhor opção para qualquer aplicativo. A partir de 16.4, todos os novos apps criados com create-next-app têm os Cache Components habilitados por padrão. Projetos novos podem adotar o modelo sem ressalvas.
Para aplicativos existentes, o novo comando `next upgrade --agent` fornece orientações específicas de versão e agentes de ajuda Skills dedicados com refatorações necessárias para adotar Cache Components. 16.4 também inclui melhorias prontas para uso para todos os aplicativos: menos uso de memória e disco no desenvolvimento, tempos de compilação reduzidos, bundles de produção menores e React 19.3. Os Cache Components são um conjunto de recursos que permite aos desenvolvedores marcar partes específicas de uma árvore de componentes como elegíveis para cache. Usando anotações 'use cache', o Next.js armazena em cache a interface do usuário do componente durante navegações do cliente e opcionalmente no servidor durante renderização ou construção.
Essas anotações compostáveis misturam cache do lado do cliente, cache do lado do servidor plugável e renderização em tempo de solicitação dentro de uma única página, substituindo comportamentos de cache implícitos de versões anteriores do App Router. Um recurso característico permite que as páginas transmitam conteúdo estático e dinâmico juntos em uma única resposta do servidor, permitindo interfaces do usuário sofisticadas sem sacrificar velocidade. Para páginas totalmente estáticas, a nova opção Static garante que a shell da rota, prefetch ou navegação seja estática, impedindo que componentes dinâmicos degradem acidentalmente o desempenho ou as características de custo.
Fonte: Hacker News · Resumido por HeadlinesBriefing