Vercel vs Cloudflare Pages para Astro: comparativa real

Elegir dónde alojar un proyecto Astro parece sencillo: conectas un repositorio, ejecutas npm run build y publicas la carpeta dist. La diferencia aparece después, cuando entran en juego el uso comercial, los límites, el DNS, las funciones y el coste si el proyecto crece.

Para esta comparativa desplegamos StackClaro en Cloudflare Pages y Vercel usando el mismo repositorio. La prueba no pretende declarar un ganador universal ni simular un benchmark de laboratorio. Documenta qué ocurrió en un proyecto real, qué incluye cada plataforma y en qué casos elegiríamos una u otra.

Qué hemos probado exactamente

La prueba utiliza una web editorial pequeña generada por Astro. Es un caso representativo para blogs, documentación, portfolios y páginas de marketing que entregan HTML, CSS, JavaScript e imágenes ya construidos.

Astro genera sitios estáticos de forma predeterminada. Su documentación indica que un proyecto estático puede desplegarse en Vercel sin configuración adicional. Si se necesita renderizado bajo demanda, entonces sí es necesario instalar el adaptador correspondiente. Puedes comprobarlo en la guía oficial de Astro para Vercel.

En el ecosistema de Cloudflare hay un matiz importante: la documentación actual de Astro señala que Cloudflare recomienda Workers para proyectos nuevos. Pages sigue funcionando para proyectos existentes como StackClaro, pero quien empiece hoy debería comparar también Workers Static Assets antes de decidir. La recomendación aparece en la guía oficial de Astro para Cloudflare.

Resultados de nuestro despliegue

A primera vista Vercel parece mucho más rápido. Sin embargo, los registros explican buena parte de la diferencia: Vercel restauró la caché de una compilación anterior, mientras que Cloudflare descargó Node 22.19.0 e instaló 309 paquetes desde cero.

La conclusión correcta no es “Vercel compila cuatro veces más rápido”. La conclusión es que ambos generaron el mismo proyecto Astro en menos de un segundo, pero las condiciones de caché e instalación no fueron idénticas.

Además, estos tiempos corresponden al proceso de construcción y publicación. No miden la velocidad que experimenta un visitante, el tiempo de respuesta global ni los Core Web Vitals. Para afirmar cuál entrega la web más rápido necesitaríamos mediciones repetidas desde varias ubicaciones y con cachés controladas.

Un problema real que encontramos

El primer build de Cloudflare utilizó Node 22.16.0 y mostró una incompatibilidad de versión con una dependencia que requería Node 22.19.0 o superior. El despliegue terminó, pero fijamos NODE_VERSION=22.19.0 en las variables del proyecto y repetimos la compilación. El aviso desapareció.

Este detalle importa más que unas décimas en la generación: demuestra que conviene fijar explícitamente la versión de Node para conseguir builds reproducibles.

¿Cuál fue más fácil de configurar?

Vercel: publicación muy directa

Importamos el repositorio desde GitHub y Vercel detectó Astro automáticamente. No tuvimos que elegir manualmente el framework ni preparar un adaptador para esta versión estática. Cada cambio en la rama principal puede crear un despliegue de producción y las demás ramas pueden generar previews.

La primera impresión fue buena: para ver el proyecto online con una URL temporal, Vercel necesitó muy pocas decisiones.

Cloudflare Pages: más pasos, pero más piezas centralizadas

El despliegue del código también fue sencillo, pero la puesta en producción completa incluyó más trabajo: añadir el dominio, revisar los registros DNS, configurar www, redirigir el subdominio pages.dev, activar Web Analytics y fijar la versión de Node.

La contrapartida es que dominio, DNS, proxy, certificados, redirecciones, seguridad básica y analítica quedan dentro del mismo panel. Para StackClaro, que ya administra el dominio en Cloudflare, esa centralización resulta práctica.

Precio: el uso comercial cambia la comparación

La tabla comercial de Vercel ofrece Hobby por 0 USD y Pro desde 20 USD mensuales, sin incluir impuestos. Mirar únicamente esas dos cifras puede llevar a una conclusión equivocada.

Por tanto, un blog sin ingresos puede evaluar Vercel Hobby. Una publicación que incorpora publicidad, vende un producto, aloja el sitio de un cliente o tiene una finalidad económica debe presupuestar al menos Vercel Pro. Consulta las reglas oficiales de uso comercial de Vercel y su página de precios.

Este punto inclina nuestra decisión: StackClaro se ha creado con intención de incorporar publicidad cuando tenga contenido y audiencia suficientes. Mantener la producción en Vercel Hobby no sería una opción válida para ese objetivo.

Límites del plan gratuito

Los proveedores contabilizan conceptos diferentes, de modo que algunas cifras no son equivalentes. La siguiente tabla resume los límites relevantes para un frontend estático según la documentación disponible en la fecha de revisión.

Cloudflare afirma que las solicitudes de assets estáticos son gratuitas e ilimitadas tanto en planes gratuitos como de pago, siempre que no invoquen una función. Pages Free permite 500 builds mensuales, 20.000 archivos por sitio y un máximo de 25 MiB por asset. Las cifras están disponibles en los límites oficiales de Cloudflare Pages y en la documentación de precios de Pages Functions.

Vercel Hobby incluye actualmente los primeros 100 GB mensuales de transferencia rápida, un millón de edge requests y un millón de invocaciones de funciones. Sus límites generales permiten hasta 100 deployments diarios y 45 minutos por build. Consulta el detalle oficial de Hobby y los límites generales de Vercel.

Dominio, DNS y prevención de contenido duplicado

En Cloudflare configuramos stackclaro.com como dominio principal, añadimos www.stackclaro.com y creamos una redirección hacia el dominio raíz. También redirigimos la dirección temporal stackclaro.pages.dev. Así concentramos las señales de indexación en una sola versión de la web.

Para la prueba de Vercel mantuvimos el subdominio temporal, pero no queríamos que Google indexara una copia completa de StackClaro. Añadimos esta cabecera mediante vercel.json:

{
  "headers": [
    {
      "source": "/(.*)",
      "has": [
        {
          "type": "host",
          "value": "stackclaro-vercel-test.vercel.app"
        }
      ],
      "headers": [
        {
          "key": "X-Robots-Tag",
          "value": "noindex"
        }
      ]
    }
  ]
}

Después verificamos la respuesta con:

curl.exe -I https://stackclaro-vercel-test.vercel.app/

El servidor devolvió:

HTTP/1.1 200 OK
X-Robots-Tag: noindex
X-Vercel-Cache: HIT

La cabecera noindex indica a los buscadores que no deben incorporar el dominio de prueba a sus resultados. La etiqueta canónica de las páginas continúa apuntando a stackclaro.com. Para una comparación como esta, proteger el dominio original es más importante que mantener pública una segunda copia indexable.

Astro estático, funciones y SSR

Nuestra prueba cubre únicamente la generación estática. En ese escenario, el servidor no tiene que renderizar cada página cuando llega una visita: Astro ya ha producido el HTML durante el build.

Si el proyecto necesita autenticación, endpoints, personalización por usuario o renderizado bajo demanda, la decisión se amplía:

• Cloudflare: Workers, Pages Functions, compatibilidad del runtime y productos vinculados como KV, D1 o R2.
• Vercel: Functions, Fluid Compute, regiones, duración, memoria e invocaciones.

No damos un ganador en esta parte porque no hemos ejecutado una prueba equivalente de funciones. Comparar solo las cuotas publicadas sería insuficiente: también habría que medir compatibilidad, latencia, tiempos en frío y coste según el patrón real de uso.

Previews, logs y flujo con Git

Las dos plataformas pueden desplegar automáticamente al hacer push y generar URLs de preview. Ambas ofrecen historial de despliegues y registros suficientemente detallados para diagnosticar esta web.

En nuestro caso, Vercel hizo especialmente visible la restauración de la caché y presentó el resultado con muy poca configuración. Cloudflare expuso claramente la instalación de herramientas, la subida de assets y las reglas de cabeceras procesadas. No encontramos errores de Astro en ninguno de los dos servicios.

Para un equipo que revisa muchos pull requests, la experiencia de preview merece una prueba específica. Para una publicación pequeña con una rama principal, ambos flujos cubren las necesidades básicas.

Analítica y seguridad básica

Cloudflare permitió activar Web Analytics para el dominio principal y sus hostnames desde el mismo entorno en el que administramos DNS. También proporciona HTTPS automático, CDN, proxy y herramientas para redirecciones y reglas.

Vercel ofrece Web Analytics, Speed Insights, certificados HTTPS, CDN y firewall, aunque las cuotas y funciones disponibles cambian según el plan. En esta comparativa no puntuamos la precisión de la analítica ni la protección frente a ataques porque no realizamos una prueba controlada de esas capacidades.

Vercel o Cloudflare: cuál elegir según el proyecto

Nuestra elección para StackClaro

Mantenemos StackClaro en Cloudflare Pages. Actualmente es una web Astro estática, su dominio y DNS ya se gestionan en Cloudflare y las solicitudes de sus assets estáticos no tienen coste por tráfico. Además, el proyecto se ha creado con intención de monetizarse mediante publicidad cuando alcance suficiente contenido y audiencia.

Vercel fue más directo durante el primer despliegue y funcionó correctamente, pero Hobby no permite el futuro uso comercial de StackClaro. Pasar a Pro introduciría un coste base de 20 USD mensuales antes de impuestos que, en esta fase, no nos aporta una ventaja necesaria.

Nuestra conclusión queda limitada al proyecto probado:

• Para una web personal Astro, Vercel Hobby y Cloudflare son dos opciones razonables.
• Para un sitio estático monetizado que ya usa el ecosistema de Cloudflare, Cloudflare tiene una ventaja económica clara.
• Para aplicaciones dinámicas o equipos comerciales, hace falta comparar Pro, Workers y las funciones con cargas reales.

Para una alternativa estrictamente estática, también publicamos el mismo proyecto mediante GitHub Actions y documentamos el requisito de repositorio público, las rutas base y sus cuotas en Cloudflare Pages vs GitHub Pages.

Limitaciones de esta comparativa

• Solo probamos un proyecto y una ejecución comparable por proveedor.
• El sitio generaba 12 páginas y no representa un repositorio grande.
• Las condiciones de caché no fueron iguales.
• No medimos latencia mundial, disponibilidad ni Core Web Vitals.
• No probamos funciones, bases de datos ni renderizado bajo demanda.
• Los precios, límites y políticas pueden cambiar después de la fecha de revisión.

Actualizaremos el análisis cuando StackClaro tenga más contenido y tráfico suficiente para medir la experiencia de los visitantes. También repetiremos la comparación si incorporamos funciones o si alguna de las plataformas modifica sus planes.

Preguntas frecuentes

¿Vercel o Cloudflare Pages es más rápido para Astro?

No puede determinarse con un único despliegue. En nuestra prueba Vercel terminó antes gracias, en parte, a una caché restaurada. Ambos generaron las 12 páginas de Astro en menos de un segundo. La velocidad de build tampoco equivale a la velocidad percibida por los visitantes.

¿Puedo alojar gratis una web Astro con anuncios en Vercel?

No bajo las reglas actuales de Hobby. Vercel clasifica la inclusión de anuncios, incluido Google AdSense, como uso comercial y exige un plan Pro o Enterprise.

¿Cloudflare Pages cobra por el tráfico de una web estática?

Cloudflare indica que las solicitudes a assets estáticos que no invocan funciones son gratuitas e ilimitadas. Las funciones y otros productos sí tienen sus propias cuotas y precios.

¿Astro necesita un adaptador para estas plataformas?

Un sitio Astro estático no necesita un adaptador de servidor. Para renderizado bajo demanda sí hay que utilizar el adaptador compatible con el runtime elegido.

¿Cloudflare Pages sigue siendo recomendable para un proyecto nuevo?

Pages continúa alojando proyectos existentes, pero Cloudflare recomienda actualmente Workers para nuevos proyectos. Conviene comparar Workers Static Assets con Pages antes de iniciar una implementación nueva.

Fuentes oficiales consultadas

• Cloudflare Pages: límites de la plataforma
• Cloudflare Pages Functions: precios y solicitudes estáticas
• Vercel: precios de Hobby, Pro y Enterprise
• Vercel: límites generales
• Vercel: recursos incluidos en Hobby
• Vercel: uso comercial y reglas de uso razonable
• Astro: despliegue en Vercel
• Astro: despliegue en Cloudflare