Cloudflare lanza Vinext 1.0 para ejecutar apps de Next.js en más plataformas web

Cloudflare ha lanzado Vinext 1.0, un framework basado en Vite diseñado para ejecutar aplicaciones existentes de Next.js en diversas plataformas web, incluyendo Cloudflare Workers, Netlify y AWS Lambda. La versión está dirigida tanto al App Router como al Pages Router, lo que permite a los equipos migrar sin necesidad de reemplazar su estructura de proyectos actual en Next.js.

La compatibilidad se convierte en el enfoque principal

Vinext 1.0 es compatible con aplicaciones híbridas e implementa patrones clave de Next.js, tales como React Server Components, Server Actions, rutas de API, controladores de rutas, middleware y navegación del lado del cliente. Cloudflare afirma que la compatibilidad con las funciones más importantes solicitadas por los usuarios supera ya el 99 %, aunque señala que esta cifra refleja su propio trabajo de compatibilidad y no un análisis independiente.

El framework también abarca el renderizado en el servidor, la pre-renderización en tiempo de compilación, la exportación estática y la Regeneración Estática Incremental (ISR) a nivel de página. Las funciones de caché compartida operan de manera conjunta en ambos enrutadores y entornos de ejecución compatibles, con soporte adicional para la caché de Cloudflare Workers.

Migración y despliegue

Los proyectos existentes se pueden comprobar e inicializar ejecutando `npx vinext check` seguido de `npx vinext init`. Las aplicaciones nuevas pueden iniciarse con `npm create vinext-app@latest my-app`. Según Cloudflare, el proceso conserva la estructura original del proyecto en Next.js mientras incorpora la configuración de Vite y de despliegue.

Vinext puede ejecutar código de servidor en el entorno de ejecución `workerd` de Cloudflare durante las fases de desarrollo y producción, lo que permite a las aplicaciones acceder a enlaces de Workers como la optimización de imágenes y Hyperdrive. El framework también está diseñado para ejecutarse en otras plataformas web, aunque la fuente detalla con mayor profundidad su comportamiento de despliegue en Cloudflare Workers.

Calentamiento de caché para sitios de gran tamaño

Un nuevo flujo de calentamiento de caché traslada el renderizado de páginas seleccionadas desde la máquina de compilación hacia la red de Cloudflare. Puede emplear primitivas de generación de rutas de Next.js e identificar páginas con alto tráfico antes del despliegue en producción, para luego poblar las cachés en una versión de Worker que no reciba tráfico real antes de su promoción.

Este enfoque está orientado a sitios web con conjuntos de URL muy extensos, en los que pre-renderizar cada página posible durante una compilación puede consumir un tiempo considerable. Depende del flujo de despliegue de Cloudflare y no se presenta como un reemplazo general para todo el renderizado en tiempo de compilación.

Una limitación declarada

Vinext cuenta únicamente con un soporte limitado para la directiva `use cache` asociada a los componentes de caché de Next.js. Cloudflare indica que mejorar dicha compatibilidad sigue estando en su hoja de ruta, pero que el desarrollo actual se concentra en el comportamiento de los enrutadores, el almacenamiento en caché, el despliegue y otras áreas centrales de compatibilidad.

Ilustración editorial generada con IA; no es una fotografía documental.

Fuente: Next.js applications, powered by Vite: introducing Vinext 1.0