Cloudflare presenta vinext, una reimplementación de Next.js sobre Vite creada con IA en una semana
(blog.cloudflare.com)Un ingeniero de Cloudflare presentó "vinext (vee-next)", un proyecto reescrito completamente desde cero sobre Vite con ayuda de IA (Claude) para recrear una infraestructura compleja de Next.js. Es un intento experimental de resolver los problemas crónicos de despliegue y compilación de Next.js.
Puntos clave
- Motivación: Next.js es excelente, pero depende fuertemente de Turbopack, su propia herramienta de build, lo que generaba un "cuello de botella de despliegue": para desplegarlo en entornos serverless como Cloudflare Workers o AWS Lambda había que pasar por adaptadores complejos como OpenNext.
- Proceso de desarrollo: se implementó en una semana con uso intensivo de IA. Se validó con más de 1,700 pruebas de Vitest y 380 pruebas E2E de Playwright portadas desde las pruebas de Next.js y las pruebas de compatibilidad de OpenNext. Superó el 94% de las pruebas de superficie API de Next.js 16.
- Solución: en lugar de modificar la salida generada por Next.js, se implementó desde cero sobre Vite la API de Next.js tal como es, incluyendo Routing, RSC y SSR.
- Resultados: se completó en una semana con un costo aproximado de $1,100 en tokens de IA. Frente a Next.js, ofrece builds hasta 4 veces más rápidos y un bundle de cliente 57% más pequeño.
- Características técnicas: APIs clave como
next/link,next/navigation, Server Actions y RSC (React Server Components) fueron reimplementadas como plugins de Vite, lo que permite migrar aplicaciones existentes de Next.js casi sin cambios.
Importancia: demuestra que incluso frameworks enormes pueden reemplazarse en poco tiempo por una "versión ligera y rápida" si se cuenta con pruebas bien definidas y apoyo de IA.
7 comentarios
Creo que este tipo de intento fue posible porque Next.js es open source y su estructura y objetivos son relativamente claros.
En particular, como hay abundante código de pruebas y referencias, también parece bastante realista un enfoque de guiar la implementación en la dirección de pasar los tests.
La velocidad a la que está avanzando la IA es realmente impresionante.
Los empleos siguen estando en riesgo... no sé si debería cambiarme a un trabajo de campo... :(
Cómo reimplementaron Next.js con IA en una semana
También revisen la versión resumida por GN+
Aunque la publicación del blog no va en ese tono, se siente la implicación de que omitieron intencionalmente la generación de sitios estáticos para sugerir que, cuando haya que generarlos, se use Astro.
Astro*
Me da la impresión de que habría sido mejor si hubieran dedicado esa semana de esfuerzo a opennext.
En primer lugar, sus objetivos son distintos.
OpenNext convierte el resultado del build de Next.js, mientras que vinext es una reescritura completa que reemplaza turbopack por Vite.
Comentarios de Hacker News
Me gusta Next, pero también amo Vite. Aun así, siento que el equipo de Next se enfoca en funciones vistosas para el 0.1% de los usuarios e ignora al otro 99.9%. Este fork de Cloudflare parece que podría aliviar esa frustración. Las mejoras de rendimiento eran algo que la comunidad de Next llevaba mucho tiempo pidiendo, y por fin parece que alguien escuchó. Si esto funciona, de verdad quiero probarlo en la empresa
Creo que esto muestra muy bien los incentivos del open source en la era de la IA. Cuanto mejor documentas y cuanto más claramente defines los contratos, más fácil es que otros te copien. Si Cloudflare no hubiera aprovechado las pruebas de Next, este fork no habría sido posible. Server Components sigue siendo un patrón subestimado, así que se agradecen los intentos de simplificar la DX. Next se volvió complejo por su expansión gradual, pero un framework nuevo puede diseñarse con flexibilidad desde el principio
Me parece exagerado decir que se “reimplementó desde cero” algo que ni siquiera corre “Hello world”. Si tomaron intactas las pruebas del original, cuesta verlo como una reescritura completa. Es como cambiar unas palabras en el primer párrafo de una novela famosa y decir que escribiste una obra nueva
Es interesante que Cloudflare haya adquirido Astro hace un mes y ahora haya clonado Next.js con IA. Si eso fuera tan fácil de hacer, ¿por qué compraron Astro? Probablemente porque querían asegurar la visión y el liderazgo del framework
Como Next.js ya tuvo antes una vulnerabilidad de ejecución remota de código, preferiría evitar por un tiempo una versión hecha por IA
Siempre me genera desconfianza eso de que “la IA reimplementó X”. Es muy probable que falten edge cases detallados y años de correcciones de bugs. Si pasa todas las pruebas, se lo reconozco; si no, me cuesta creerlo
Este es el experimento de IA más interesante que he visto hasta ahora. Me sorprendió que fuera mucho más pequeño que el codebase de Next.js. Aun así, me pregunto si solo llega al nivel de pasar pruebas. Por ejemplo, la implementación de forms es completamente distinta. Aun así, impresiona
No estoy de acuerdo con la idea de que “las abstracciones en software existen porque los humanos no pueden manejar la complejidad”. Las abstracciones existen para capturar la esencia de la realidad y aumentar la reutilización. La estratificación es simplemente una cuestión de separación de responsabilidades
Es interesante que el costo total haya sido de unos 1,100 dólares en tokens
El verdadero punto clave es el momento de la adquisición de Astro. Cloudflare compró Astro hace un mes y ahora anuncia que clonó la API de Next.js con IA. Eso es una señal de desarme del lock-in del framework. En la práctica, les está dando dos rutas de escape a los usuarios de Next.js atados a Vercel: para proyectos nuevos, Astro; para proyectos existentes, Vinext. Aunque todavía no sea para producción, el mensaje ya pone en duda la competitividad de precios de Vercel