Vercel vs Cloudflare Pages: costes, rendimiento y DX en 2026

Resumen

Vercel y Cloudflare Pages parecen iguales al principio: conectas Git, haces push, recibes una URL de vista previa y publicas en una red global. La diferencia aparece cuando el sitio deja de ser solo HTML estatico. Vercel esta disenado alrededor de Next.js, previews por pull request, optimizacion de imagenes, ISR, logs y analitica. Cloudflare Pages encaja mejor cuando quieres CDN, DNS, Workers, D1, KV, R2 y reglas de cache dentro del mismo ecosistema de borde.

Costes

Vercel Hobby es gratis y Pro empieza en 20 dolares al mes mas uso. La pagina oficial incluye, entre otros limites, 1M edge requests y 100GB de transferencia rapida en Hobby, y 10M edge requests mas 1TB de transferencia en Pro antes del uso adicional. En una aplicacion real hay que mirar transferencia, transformaciones de imagen, CPU activa de funciones, memoria provisionada, invocaciones, ISR reads, ISR writes y minutos de build.

Cloudflare Pages es muy competitivo para contenido estatico. Sus limites de Free incluyen 500 builds al mes, 1 build concurrente, 100 dominios personalizados por proyecto y 20,000 archivos. La parte dinamica normalmente usa Pages Functions o Workers. Workers ofrece una capa gratuita con 100,000 requests diarios y 10ms de CPU por request; el modelo de pago ronda 0.30 dolares por millon de requests y 0.02 dolares por millon de CPU ms. D1, R2, KV y Durable Objects tienen sus propios medidores.

Rendimiento

Para archivos estaticos, ambos son rapidos. La diferencia practica esta en lo que ocurre cuando no hay cache. Cloudflare permite ejecutar logica cerca del usuario, controlar cache, enrutar requests y leer almacenamiento del ecosistema edge. Vercel destaca cuando el rendimiento depende de convenciones de Next.js: App Router, imagenes, ISR, previews y observabilidad integrada.

Experiencia de desarrollo

Vercel es mas amable para equipos mixtos. Un PR produce una URL, el rollback es claro, las variables de entorno estan en el dashboard y los stakeholders pueden revisar sin aprender infraestructura. Cloudflare es mas flexible para ingenieros: wrangler, Workers, D1, R2 y reglas de cache permiten mucha automatizacion. La contrapartida es que SSR complejo exige revisar runtime Workers, OpenNext y compatibilidad con APIs de Node.

Recomendacion

Usa Cloudflare Pages para blogs, documentacion, landings, sitios publicos y herramientas cacheables. Usa Vercel para un SaaS Next.js, paneles con autenticacion, revisiones frecuentes y features donde la velocidad del equipo importe mas que exprimir cada centavo. En sistemas grandes, separar cargas es razonable: Cloudflare para DNS, contenido estatico, assets y reglas edge; Vercel para la aplicacion principal.

FAQ

Cloudflare Pages es mas barato que Vercel

Para estatico, normalmente si. Para dinamico depende de Workers, D1, R2, KV y el patron de requests.

Vercel es obligatorio para Next.js

No. Pero es el camino con menos configuracion para muchas funciones avanzadas de Next.js.

Cual es mas rapido

En estatico, ambos. Cloudflare brilla en cache y edge routing; Vercel en entrega Next.js integrada.

Que vigilar en Vercel

Transferencia, imagenes, CPU de funciones, memoria, invocaciones, ISR y builds.

Que vigilar en Cloudflare

Requests de Workers, CPU time, lecturas y escrituras de D1, R2, KV y builds.

Decision final

Si el contenido es estatico y sensible al coste, Cloudflare Pages. Si el producto es Next.js y el equipo necesita previews fluidas, Vercel.

Useful internal links: Core Web Vitals guide, Next.js metadata guide, DNS setup guide, Cloudflare Pages hosting guide, Tailwind CSS 4 guide.

Sources: Vercel Pricing, Cloudflare Pages Limits, Cloudflare Workers Pricing.