Vinext da Cloudflare: Um framework compatível com Next.js construído com IA no Vite

O que é vinext

vinext (pronunciado "vee-next") é uma substituição direta para Next.js construída no Vite que é implantada no Cloudflare Workers com um único comando. Um engenheiro e um modelo de IA o reconstruíram do zero em uma semana por cerca de US$ 1.100 em tokens.

O problema de implantação que vinext resolve

O Next.js tem desafios de implantação em ecossistemas serverless. Embora ferramentas como OpenNext existam para adaptar a saída do Next.js para plataformas como Cloudflare, Netlify ou AWS Lambda, elas exigem engenharia reversa da saída de construção do Next.js, levando a implementações frágeis que quebram entre versões. A API de adaptadores do Next.js ainda está em estágio inicial e não resolve problemas de tempo de desenvolvimento - next dev roda exclusivamente em Node.js, impedindo o teste de APIs específicas da plataforma como Durable Objects, KV ou vinculações de IA durante o desenvolvimento.

Como vinext funciona

Em vez de adaptar a saída do Next.js, vinext reimplementa a superfície de API do Next.js diretamente no Vite como um plugin. Isso inclui roteamento, renderização do servidor, React Server Components, ações do servidor, cache e middleware. A API de Ambiente do Vite permite que a saída seja executada em qualquer plataforma.

A configuração é simples:

npm install vinext

Substitua next por vinext em seus scripts mantendo app/, pages/ e next.config.js inalterados.

Comandos:

• vinext dev - Servidor de desenvolvimento com HMR
• vinext build - Construção de produção
• vinext deploy - Construir e implantar no Cloudflare Workers

Benchmarks de desempenho

Os benchmarks comparam vinext com Next.js 16 usando um aplicativo compartilhado de 33 rotas do App Router, com verificação de tipo TypeScript e ESLint desabilitados na construção do Next.js para corresponder ao comportamento do Vite.

Tempo de construção de produção:

• Next.js 16.1.6 (Turbopack): 7.38s linha de base
• vinext (Vite 7 / Rollup): 4.64s (1.6x mais rápido)
• vinext (Vite 8 / Rolldown): 1.67s (4.4x mais rápido)

Tamanho do pacote do cliente (compactado):

• Next.js 16.1.6: 168.9 KB linha de base
• vinext (Rollup): 74.0 KB (56% menor)
• vinext (Rolldown): 72.9 KB (57% menor)

Esses benchmarks medem a velocidade de compilação e empacotamento, não o desempenho de serviço em produção. O teste usa um único aplicativo de 33 rotas, não uma amostra representativa de todos os aplicativos de produção.

Status atual

A Cloudflare já tem clientes executando vinext em produção. A metodologia completa e os resultados históricos são públicos.