A sua aplicação principal está no Vite, e o Next.js separadamente? Teve que aprofundar na construção? Sobre quais ferramentas o Vite e o Next.js são construídos?

Vite e Next.js são ferramentas modernas para construir o frontend, mas com arquiteturas e objetivos diferentes.

• Vite é construído sobre esbuild para desenvolvimento rápido e usa Rollup por trás para build de produção. esbuild oferece transformações e bundling muito rápidos graças à sua implementação em Go e ao uso de APIs modernas dos navegadores (módulos ES).

• Next.js é baseado em Webpack (até a versão 13), mas com o lançamento do Next.js 13 e Turbopack (um bundler experimental da Vercel, escrito em Rust), começa a migrar para ferramentas mais rápidas. Next.js é um framework com renderização do lado do servidor, roteamento e API, e a construção é apenas uma parte de sua funcionalidade.

Ao aprofundar, pode-se estudar as configurações do Webpack no Next.js, os plugins do Vite e como eles otimizam o carregamento de módulos, assim como como esbuild e Turbopack aceleram a construção por paralelismo e implementações nativas.