Los dos hostings modernos del momento
En 2026, las webs serias se alojan en plataformas edge: Cloudflare Pages y Vercel son las dos opciones líderes. Ambas son excelentes, pero tienen diferencias importantes en precio, capacidades y filosofía.
Esta guía compara las dos para que elijas la que encaja con tu proyecto.
Resumen ejecutivo
| Aspecto | Cloudflare Pages | Vercel |
|---|---|---|
| Plan gratis | Sí, muy generoso | Sí, más limitado |
| Plan Pro | 5 €/mes (Workers Paid) | 20 $/mes |
| Ancho de banda gratis | Ilimitado | 100 GB/mes |
| Edge locations | 300+ | 40+ |
| Optimizado para | Astro, sitios estáticos, Workers | Next.js, React |
| TTFB típico | 30-80 ms | 50-150 ms |
| DDoS protection | Incluido (Cloudflare) | Incluido (limitado) |
| Curva técnica | Media | Baja |
Plan gratuito real
Cloudflare Pages
- 500 builds/mes
- Sites ilimitados
- Ancho de banda ILIMITADO
- Requests ilimitadas
- 100 dominios custom
- Preview deploys por branch
- DDoS protection profesional
- CDN global 300+ ubicaciones
Para una pyme media: gratis para siempre. Solo subes a Pro si necesitas Workers avanzados o R2 storage.
Vercel
- 100 GB ancho banda/mes
- Builds 6.000 min/mes
- Sites ilimitados (privados o públicos)
- Funciones serverless limitadas (1M invocations/mes)
- Edge functions limitadas
- 1 dominio custom por proyecto
Para web pequeña con poco tráfico: gratis. Cuando creces, te cobran.
Precios reales cuando creces
Cloudflare Pages (Workers Paid: 5 €/mes)
- Ancho de banda: ilimitado
- Builds: 5.000/mes (sobra para casi todos)
- Workers: 10M requests/mes incluidas
- Si superas, ~0,30 €/M requests adicionales
Coste anual típico pyme con 50.000-500.000 visitas/mes: 60 €/año total.
Vercel (Pro: 20 $/mes por miembro)
- 1 TB ancho de banda/mes (después 0,40 $/GB)
- 1M edge requests/mes
- Build min 24.000/mes
- Funciones serverless 1M invocations/mes (después 0,60 $/M)
Coste anual típico pyme con 50.000-500.000 visitas/mes: 240-600 $/año.
Para webs con tráfico medio-alto, Vercel es 4-10x más caro que Cloudflare.
Rendimiento
Cloudflare Pages
- 300+ ubicaciones edge: tu web se sirve desde el centro de datos más cercano al visitante en todo el mundo
- TTFB típico: 30-80 ms desde España
- DDoS y bot protection automático
- HTTP/3 nativo
Vercel
- 40+ ubicaciones edge: también global, pero menos densa
- TTFB típico: 50-150 ms desde España
- Optimizaciones específicas para Next.js (ISR, App Router)
Para una pyme española, ambos son rápidos, pero Cloudflare tiene más infraestructura cuando hay tráfico internacional.
Integraciones y ecosistema
Cloudflare Pages
- Workers: lógica serverless en edge (las herramientas de IMPERO usan esto)
- R2 Storage: almacenamiento sin egress fees (vs AWS S3 que cobra mucho por descarga)
- D1: base de datos SQL en edge
- KV: almacenamiento clave-valor en edge
- Queues: colas de mensajes
- Email Routing: redirige emails de tu dominio
- DNS: gestionas DNS desde el mismo panel
Cloudflare es un ecosistema completo: hosting + funciones + storage + DB + email + DNS.
Vercel
- Edge Functions: similar a Workers
- Vercel Postgres: PostgreSQL gestionado
- Vercel KV: clave-valor (basado en Upstash Redis)
- Vercel Blob: storage para archivos
- Integración profunda con Next.js (RSC, ISR, etc.)
Vercel está muy optimizado para Next.js. Si no usas Next.js, mucho de Vercel pierde ventaja.
Curva técnica
Vercel
- Más fácil para empezar: deploy con un click desde GitHub
- Panel web muy pulido
- Logs y debugging excelentes
- Comunidad enorme
Cloudflare Pages
- Algo más complejo al principio: panel con más opciones (que no son hosting)
- Documentación buena pero menos “amigable”
- Logs adecuados pero menos visuales
- Comunidad creciendo
Para Astro: Cloudflare gana
Astro funciona excelentemente en ambas plataformas, pero Cloudflare Pages es la opción más eficiente porque:
- Sin coste de ancho de banda: Astro estático puede recibir mucho tráfico sin coste extra
- Workers se integran nativamente con
@astrojs/cloudflarepara SSR o API - R2 + KV complementan funcionalidades server-side sin pagar AWS
- DDoS protection automático
En IMPERO usamos Cloudflare Pages para todos nuestros proyectos Astro. Coste: 5 €/mes para Workers, ancho banda gratis para siempre.
Para Next.js: Vercel gana
Vercel es la plataforma oficial de Next.js (lo crearon ellos). Tiene optimizaciones específicas:
- ISR (Incremental Static Regeneration) optimizado
- App Router con RSC integrado
- Image optimization automática
- Mejor experiencia de developer
Pero el coste sube rápido con tráfico. Para Next.js de tráfico medio-alto, Cloudflare Pages con adapter también funciona y es más barato, aunque pierdes algunas optimizaciones nativas de Vercel.
Caso de uso: web pyme con tráfico medio
Una pyme con 30.000-100.000 visitas/mes:
Cloudflare Pages
- Plan gratis suele bastar
- Coste: 0 €/mes
- Si necesitas Workers: 5 €/mes
Vercel
- Plan Pro probablemente necesario
- Coste: 20 $/mes (~18 €)
- Si superas 100 GB ancho banda: +20-40 $/mes adicionales
Diferencia anual: 200-700 € a favor de Cloudflare.
Caso de uso: SaaS con dashboard
Una aplicación con usuarios logueados, datos personalizados, alta interactividad:
Cloudflare Pages
- Posible con Astro + Workers para API
- O Next.js con adapter Cloudflare
- Coste predecible
Vercel
- Probablemente Next.js + Vercel Functions
- Mejor DX (developer experience)
- Coste escala con uso
Para SaaS pequeño-mediano: Cloudflare puede ser más barato y suficiente. Para SaaS grande con muchas funciones serverless: Vercel con buena negociación o self-hosted.
DNS y dominios
Cloudflare Pages
- DNS gratis incluido
- Cambio de nameservers de tu dominio a Cloudflare
- Te beneficia de DDoS protection y caching CDN del dominio entero
Vercel
- DNS gratis incluido
- Cambio de nameservers o registros A/CNAME
- Funcionalidad básica
Soporte
Cloudflare Pages
- Plan gratis: documentación y comunidad
- Plan Pro/Business: soporte por chat
- Plan Enterprise: SLA
Vercel
- Plan gratis: comunidad
- Plan Pro: soporte por email
- Plan Enterprise: SLA y manager
Migrar de uno a otro
Migración entre plataformas es relativamente sencilla si tu proyecto es estático. Como cambiar de hosting tradicional:
- Conecta nuevo hosting a tu repo Git
- Configura variables de entorno
- Construye y verifica
- Cambia DNS
Tiempo: 1-3 horas para una web estable.
Si tu proyecto usa funciones serverless específicas de una plataforma, hay que reescribir esas partes. Más trabajo.
Veredicto
Para webs estáticas (Astro, blogs, sites corporativos): Cloudflare Pages. Mejor coste, mejor red.
Para Next.js puro: Vercel si el coste no es problema. Cloudflare Pages con adapter si quieres bajar coste.
Para apps complejas con muchas funciones serverless: depende mucho del caso. Comparar costes proyectados es clave.
Siguientes pasos
- Lee Astro vs Next.js para empresas para elegir framework.
- Audita tu velocidad actual con Test de Velocidad Web.
- Si quieres saber si tu hosting actual te limita, solicita auditoría.
Aplicable a estos sectores
Esta guía aplica especialmente a estos sectores donde trabajamos: