Saltar al contenido
Carlos Estrada
Repos GIT

Vinext 1.0: tu app de Next.js corriendo sobre Vite

3 min de lectura
Un hombre trabaja con su laptop sentado en una banca junto a una lámpara y una taza de café

Si tienes una aplicación hecha con Next.js y quieres publicarla en un servicio distinto al habitual, Vinext busca resolverte ese problema: hace que tu proyecto funcione sobre Vite sin reescribirlo.

¿Qué es?

Vinext es un complemento para Vite, una herramienta que prepara y empaqueta el código de una página web. Lo que hace es volver a implementar las piezas públicas de Next.js, un framework de React, es decir, un conjunto de herramientas para construir sitios: las rutas, el renderizado en el servidor, los módulos next/* y su línea de comandos.

Lo mantiene Cloudflare en el repositorio cloudflare/vinext, con licencia MIT. Nació en febrero de 2026 como un experimento y el 28 de septiembre de 2026 llegó a su versión 1.0, que sus autores ya consideran lista para producción. Tiene más de 100 personas que han contribuido y recibe cambios casi a diario.

Según Cloudflare, soporta tanto el App Router como el Pages Router, además de React Server Components, Server Actions, middleware y rutas de API. La empresa asegura que pasa más del 99% de sus pruebas de compatibilidad en las funciones que más le pedían sus clientes.

¿Para qué te sirve?

  • Cambiar de proveedor sin rehacer tu app. Cloudflare menciona como destinos Cloudflare Workers, Netlify, AWS Lambda y servidores con Node.js.
  • Aprovechar el ecosistema de Vite. Si tu equipo ya usa plugins o herramientas de Vite en otros proyectos, puedes unificar la forma de compilar.
  • Calentar la caché antes de publicar. El medio Ecosistema Startup destaca la función de cache warming, que prepara las páginas más visitadas en la red de Cloudflare antes de que el despliegue quede en línea.

Cómo empezar

Para un proyecto que ya existe, el anuncio oficial propone dos pasos. Primero corres npx vinext check en la carpeta del proyecto para que te diga qué tan compatible es tu aplicación. Si el resultado es bueno, npx vinext init configura Vite y el despliegue sin mover tu estructura de carpetas.

Para empezar desde cero, Cloudflare ofrece una plantilla con npm create vinext-app@latest. Antes de instalar, revisa que el paquete se llame exactamente vinext y que en npm apunte al repositorio de Cloudflare; ya existen copias del repo con el mismo nombre.

Lo que debes saber

La gran excepción son los Cache Components de Next.js, la directiva use cache. Cloudflare reconoce que su soporte todavía es limitado, porque la mayoría de los equipos que consultó no lo necesitaba para migrar. Si tu app depende de eso, espera.

El 99% de compatibilidad es una cifra de las pruebas de Cloudflare, no una garantía para tu proyecto. Haz la prueba en una rama aparte, con tus rutas reales, y compara el comportamiento de la caché, el inicio de sesión y las integraciones antes de mover tráfico real.

Otro punto a considerar: buena parte del código se escribió con ayuda de agentes de IA, y un sistema automático revisa cada noche los cambios de Next.js para mantener la compatibilidad. Eso ayuda a que avance rápido, pero también significa que puede ir un paso detrás de cada versión nueva de Next.js.

Fuentes

Imagen de portada: imagen de 51581 en Pixabay.

2 respuestas a “Vinext 1.0: tu app de Next.js corriendo sobre Vite”