Next.js 16.4 ganha skill de IA para enviar menos JavaScript ao cliente

O Next.js 16.4 inclui uma skill para agentes de IA chamada next-bundle-optimizer. Ela se instala depois do upgrade para a 16.4 e roda com o comando /next-bundle-optimizer. Como depende do module graph detalhado, exige o Turbopack, bundler padrão desde o Next.js 16. A base é o Turbopack Bundle Analyzer, que chegou na versão 16.1.

O fluxo funciona assim: o agente exporta snapshots salvos do next analyze em JSON e reconstrói os grafos de módulos e chunks. Depois, rastreia as cadeias de import e usa minimum cut para achar um conjunto pequeno de fronteiras de import capaz de adiar grandes grupos de módulos. O exemplo da fonte é um HeavyComponentLoader que tenta adiar o ./HeavyComponent, mas outro módulo do mesmo bundle o importa de forma estática, e o código carrega logo de início. A skill também aponta oportunidades de mover lógica para React Server Components, versões duplicadas de dependências grandes e casos em que o tree shaking não funcionou. Por padrão, só reporta. Com /next-bundle-optimizer fix, aplica as mudanças, reanalisa e compara snapshots. O comando next analyze export entrega os dados do grafo para ferramentas próprias.

Na Vercel, o agente cortou quase dois megabytes de JavaScript comprimido no v0 e no vercel.com. Entre os achados: um editor de código experimental carregado em quase toda página (150 KB), um registro central de dialogs com imports eager (40 a 650 KB), uma biblioteca de parsing de datas em linguagem natural (55 KB em média) e um utilitário de URL que arrastava o motor de consultas de observabilidade (125 KB na página de deployments). Cada correção virou pull request e foi validada em preview deployment.

Em 4 de setembro de 2026, o CEVIU noticiou "Turbopack otimiza carregamento de JavaScript com chunking inteligente", sobre o equilíbrio entre menos requisições e entrega eficiente de código. Agora o foco sai da estratégia de chunking do bundler e vai para o diagnóstico de quem escreve o código: a skill mostra quais imports estáticos impedem o adiamento. Em 5 de março de 2026, em "Next.js se reinventa para a era dos agentes de IA", o CEVIU já relatava o esforço da Vercel para o framework funcionar melhor com agentes. A skill é um desdobramento desse movimento, agora aplicado a bundle size. Em 7 de outubro de 2026, a matéria "Next.js 16.4: Cache Components Padrão e Otimizações de Desempenho" cobriu o lançamento da versão que traz essa skill.

Para quem opera um app Next.js grande, o problema clássico é o import estático esquecido que anula um dynamic import. Achar isso na mão em um grafo enorme é trabalhoso. A skill automatiza a investigação, e a comparação de snapshots dá uma métrica para validar cada pull request. Vale tratar os números da Vercel como referência do que é possível, não como promessa para qualquer codebase.