Para la mayoría de proyectos Next.js, Vercel ofrece la mejor experiencia de desarrollo, Cloudflare Pages es la más barata (ancho de banda ilimitado y gratuito), y Netlify queda en medio con buen soporte para sitios estáticos. La elección correcta depende de tu stack, volumen de tráfico y presupuesto.
"Vercel es carísimo." "Netlify ya no sirve." "Cloudflare es lo mejor." Reddit está lleno de opiniones extremas. Pero cuál plataforma es la correcta depende del tamaño y los requisitos de tu proyecto.
Este artículo compara Vercel, Netlify y Cloudflare Pages basándose en precios oficiales y documentación oficial. En lugar de impresiones vagas, presento simulaciones concretas de costos por páginas vistas mensuales para que puedas tomar una decisión informada.
Dónde se posiciona cada plataforma
Primero, la diferencia fundamental. Estas tres empresas vienen de orígenes completamente distintos.
Vercel — la empresa detrás de Next.js. Todas las funciones de Next.js funcionan de manera más confiable en Vercel. App Router, ISR, Middleware, PPR (Partial Prerendering) — las nuevas funciones llegan primero a Vercel. La contrapartida es una facturación basada en uso agresiva que puede producir cargos inesperados por exceso de ancho de banda o ejecución de funciones.
Netlify — el pionero de JAMstack. Desde 2015, ha tenido fuerte compatibilidad con generadores de sitios estáticos como Hugo, Gatsby y Astro. En septiembre de 2025, Netlify cambió a facturación basada en créditos. El soporte de Next.js funciona a través del adaptador OpenNext, siempre un paso detrás de Vercel.
Cloudflare Pages — un servicio de hosting de una empresa de infraestructura. Su mayor ventaja es la red CDN global con más de 330 ciudades. El ancho de banda es ilimitado y gratuito en todos los planes — algo que ni Vercel ni Netlify ofrecen. Sin embargo, el soporte de Next.js aún está madurando.
Precios: planes gratuitos y facturación por uso
Vercel
| Hobby (Gratis) | Pro ($20/mes) | |
|---|---|---|
| Ancho de banda | 100 GB/mes | 1 TB/mes |
| Excedente de ancho de banda | Sitio pausado | $0.15/GB |
| Function Invocations | 1M/mes | 1M/mes (excedente $0.60/1M) |
| Fluid Active CPU | 4 horas/mes | $20 de crédito compensa (excedente $0.128/hora+) |
| Uso comercial | No permitido | Permitido |
| Crédito mensual | — | $20 |
Los $20 de Pro no son una tarifa plana — son una tarifa de plataforma + $20 de crédito. Una vez agotado el crédito, se activa la facturación por uso.
Netlify
Netlify cambió a facturación basada en créditos en septiembre de 2025.
| Free | Personal ($9/mes) | Pro ($20/miembro/mes) | |
|---|---|---|---|
| Créditos mensuales | 300 | 1,000 | 3,000/equipo |
| Uso comercial | Permitido | Permitido | Permitido |
Tasas de consumo de créditos:
- Deploy: 15 créditos/deploy
- Ancho de banda: 10 créditos/GB
- Compute: 5 créditos/GB-hora
- Solicitudes: 3 créditos/10K solicitudes
Cloudflare Pages + Workers
| Free | Paid ($5/mes+) | |
|---|---|---|
| Ancho de banda | Ilimitado | Ilimitado |
| Solicitudes estáticas | Ilimitadas | Ilimitadas |
| Workers requests | 100K/día | 10M/mes (excedente $0.30/1M) |
| Tiempo de CPU | 10ms/invocación | 30M ms/mes (excedente $0.02/1M ms) |
| Builds | 500/mes | 5,000/mes (Pages Pro $20/mes) |
| Uso comercial | Permitido | Permitido |
Ancho de banda ilimitado y gratuito. Este es el mayor diferenciador de Cloudflare. En Vercel, superar 1 TB cuesta $0.15/GB. En Netlify, consume créditos. En Cloudflare, el ancho de banda no cuesta nada sin importar el tráfico.
La realidad del soporte de Next.js
Hay una jerarquía clara en el soporte de Next.js entre las tres plataformas.
| Función | Vercel | Netlify | Cloudflare |
|---|---|---|---|
| App Router | Nativo | Vía OpenNext | OpenNext / Vinext (experimental) |
| SSR | Completo | Soportado | Soportado (en Workers) |
| ISR | Completo | Soportado | Soportado (KV caching) |
| Middleware | Completo | Soportado | Soportado |
| PPR | Completo | Experimental | Sin confirmar |
| Image Optimization | Nativo | Configuración extra necesaria | Soportado (con límites) |
generateStaticParams | Completo | Soportado | No soportado en Vinext |
Vercel es el único host de primera clase para Next.js. Las nuevas funciones de Next.js funcionan primero en Vercel, y Netlify/Cloudflare siguen a través del adaptador OpenNext. Justo después de una actualización mayor de Next.js, las cosas pueden no funcionar en Netlify/Cloudflare.
Más allá de Next.js
Si usas Astro, Nuxt, SvelteKit o Remix, las tres plataformas ofrecen soporte prácticamente igual. Cuando no dependes fuertemente de Next.js, el ancho de banda gratuito de Cloudflare y los Forms integrados de Netlify se vuelven diferenciadores más relevantes.
Ancho de banda, DDoS y seguridad
Costos de ancho de banda
| Vercel Pro | Netlify Pro | Cloudflare Paid | |
|---|---|---|---|
| Ancho de banda incluido | 1 TB/mes | Basado en créditos | Ilimitado |
| 100 GB de excedente | $15 | Créditos consumidos | $0 |
| 500 GB de excedente | $75 | Créditos consumidos | $0 |
| 1 TB de excedente | Facturación por uso | Créditos consumidos | $0 |
Cloudflare gana en ancho de banda por amplio margen. Para sitios con muchas imágenes, video embebido o tráfico distribuido globalmente, esta diferencia se traduce en decenas de dólares mensuales.
Protección DDoS
| Vercel | Netlify | Cloudflare | |
|---|---|---|---|
| Mitigación DDoS automática | Todos los planes | Todos los planes | Todos los planes (330+ ciudades) |
| WAF | Enterprise | Enterprise | Todos los planes |
| Attack Challenge Mode | Disponible | — | Disponible |
| Ubicaciones edge | ~125 PoPs | 100+ | 330+ |
La protección DDoS de Cloudflare es líder en la industria, como esperarías de una empresa de infraestructura. Vercel y Netlify proporcionan protección básica en todos los planes, pero difieren en escala y presencia edge.
Incidentes reales:
- Incidente Netlify $104K (feb 2024): Un archivo MP3 en un sitio estático gratuito fue descargado millones de veces, resultando en una factura de $104,500. El CEO de Netlify condonó el monto completo en Hacker News
- Incidente Vercel Cara (jun 2024): La plataforma para artistas Cara se hizo viral (40K → 650K usuarios en una semana), alcanzando 56 millones de invocaciones de funciones por día. Los cargos de Vercel Functions llegaron a aproximadamente $96,000 en una sola semana
- Mi sitio: Alcancé el límite de Fluid Active CPU de 4 horas/mes en el plan Hobby de Vercel. Bots accediendo a URLs inexistentes activaron SSR, consumiendo CPU
En Cloudflare, el escenario de "DDoS causa explosión de ancho de banda que causa factura masiva" estructuralmente no puede ocurrir porque el ancho de banda es ilimitado.
Simulación de costos por páginas vistas mensuales
Calculado usando precios oficiales, asumiendo un sitio Next.js estático (~1 MB por página).
Supuestos:
- Generación estática principalmente (SSR mínimo)
- Middleware en uso (next-intl para i18n)
- ~1 MB de transferencia por página vista
- Function Invocations: 1.5x páginas vistas (Middleware + API Route)
10K PV/mes (Blog personal)
| Vercel | Netlify | Cloudflare | |
|---|---|---|---|
| Ancho de banda | ~10 GB | ~10 GB | ~10 GB |
| Plan | Hobby (gratis) *solo no comercial | Free | Free |
| Costo mensual | $0 | $0 | $0 |
| Si es comercial | Pro $20 | Free $0 | Free $0 |
Las tres caben en los planes gratuitos con 10K PV. Pero Vercel requiere Pro para cualquier uso comercial.
100K PV/mes (Medio en crecimiento)
| Vercel Pro | Netlify Pro | Cloudflare Paid | |
|---|---|---|---|
| Ancho de banda | ~100 GB | ~100 GB | ~100 GB |
| Function Invocations | ~150K/mes | Basado en créditos | ~150K/mes |
| Costo mensual | $20 (dentro del crédito) | $20 | $5 |
| Excedente ancho de banda | Ninguno (dentro de 1 TB) | Créditos consumidos | Ninguno (ilimitado) |
Cloudflare es la más económica. Vercel y Netlify cuestan prácticamente igual, pero Vercel ofrece mejor soporte de Next.js.
1M PV/mes (Sitio a gran escala)
| Vercel Pro | Netlify Pro | Cloudflare Paid | |
|---|---|---|---|
| Ancho de banda | ~1 TB | ~1 TB | ~1 TB |
| Excedente ancho de banda | $0 (justo en el límite de 1 TB) | Consumo alto de créditos | $0 (ilimitado) |
| Function Invocations | ~1.5M/mes | Basado en créditos | ~1.5M/mes |
| Excedente Functions | $0.30 (500K × $0.60/1M) | Créditos consumidos | $0 (dentro de 10M) |
| Costo mensual est. | $20–40 | $20 + créditos extra | $5 |
Incluso con 1M PV, Cloudflare se mantiene en $5. Vercel está justo en el límite de ancho de banda — cualquier excedente suma $0.15/GB. Netlify probablemente necesitará comprar créditos adicionales.
Cuál deberías elegir
Elige Vercel cuando:
- Necesitas las últimas funciones de Next.js (PPR, Server Actions, etc.)
- Quieres deploy con git push y la mejor experiencia de desarrollo
- Tu equipo depende de preview deployments
- Estás bajo 1M PV/mes y puedes configurar Spend Management correctamente
Elige Netlify cuando:
- Tu sitio es principalmente Astro, Hugo o Gatsby (generadores estáticos)
- Quieres Forms, Identity o split testing integrados
- Necesitas uso comercial en un plan gratuito (Vercel Hobby no lo permite)
- No necesitas funciones avanzadas de Next.js como PPR
Elige Cloudflare Pages cuando:
- Quieres cero costos de ancho de banda
- Tu sitio tiene muchas imágenes o alto tráfico mensual
- Quieres protección DDoS de nivel industrial
- Las funciones básicas de Next.js (App Router + SSR + ISR) son suficientes
Elige un VPS cuando:
Las tres plataformas anteriores tienen componentes de facturación por uso. Para costos fijos completamente predecibles, alojar en un VPS es una opción. Para más detalles, consulta Cómo alojar Next.js con Coolify + VPS.
Preguntas frecuentes
¿Puedo usar el plan Hobby gratuito de Vercel para un blog con afiliados?
No. El plan Hobby de Vercel es exclusivamente para proyectos personales y no comerciales. Cualquier sitio que genere ingresos — blogs con afiliados, trabajo para clientes, SaaS — requiere el plan Pro ($20/mes) o superior. Usar Hobby para uso comercial puede resultar en la suspensión de la cuenta.
¿El ancho de banda de Cloudflare Pages es realmente ilimitado?
Sí. Cloudflare Pages no cobra por ancho de banda en ningún plan, incluido el gratuito. Las solicitudes a assets estáticos también son ilimitadas. Los únicos recursos con costo son las solicitudes de Workers (compute) y el tiempo de CPU.
¿Cómo funciona el sistema de créditos de Netlify en la práctica?
Cada acción en Netlify — deploys, ancho de banda, compute, solicitudes — consume créditos de un pool mensual único. El plan Free tiene 300 créditos/mes, Personal 1,000 y Pro 3,000. Cuando se agotan, los planes Personal y Pro recargan automáticamente a tarifas pagadas. La principal desventaja es que los costos son impredecibles hasta fin de mes.
¿Cloudflare Pages soporta completamente Next.js App Router?
Cloudflare soporta Next.js App Router a través del adaptador OpenNext y el proyecto experimental Vinext. SSR, ISR y Middleware funcionan, pero funciones avanzadas como generateStaticParams() aún no están soportadas en Vinext. Para compatibilidad completa con Next.js, Vercel sigue siendo la única opción de primera clase.
¿Qué pasa si mi sitio en Vercel recibe un ataque DDoS?
En el plan Hobby, tu sitio se pausa al alcanzar el límite de 100 GB de ancho de banda — no recibirás una factura sorpresa, pero tu sitio quedará offline. En Pro, Spend Management permite establecer límites de gasto. Sin estos límites, un pico de tráfico puede generar cargos significativos, como demostró el incidente de Cara ($96K).
¿Es fácil migrar de Vercel a Cloudflare Pages?
Para sitios estáticos y SSR básico, la migración es relativamente sencilla. Para proyectos Next.js que usan funciones avanzadas (PPR, Server Actions, Image Optimization), espera fricción. El adaptador OpenNext cubre algunas brechas, pero la paridad de funciones no está garantizada justo después de una actualización mayor de Next.js.
¿Todavía vale la pena considerar Netlify en 2026?
Sí, para el caso de uso correcto. Las funciones integradas de Netlify como Forms, Identity y split testing ahorran tiempo de desarrollo para sitios estáticos. También permite uso comercial en el plan gratuito, a diferencia de Vercel. Para proyectos con Astro, Hugo o Gatsby que no necesitan Next.js, Netlify sigue siendo una opción sólida.
Conclusión
| Aspecto | Vercel | Netlify | Cloudflare |
|---|---|---|---|
| Soporte Next.js | Mejor | Vía OpenNext | En maduración |
| Costo ancho de banda | $0.15/GB excedente | Basado en créditos | Gratis |
| Uso comercial gratuito | No permitido | Permitido | Permitido |
| Protección DDoS | Buena | Buena | Mejor |
| Costo mensual (100K PV) | $20 | $20 | $5 |
| Experiencia de desarrollo | Mejor | Buena | Buena |
La respuesta correcta no es "cuál es mejor" sino "qué necesita tu proyecto." Mejor DX con Next.js → Vercel. Menor costo → Cloudflare. Sitios estáticos con funciones integradas → Netlify.
Para una mirada más profunda a cómo los precios edge basados en uso se comparan con modelos de costo fijo, consulta Comparación de estructura de costos del Edge Computing.
Artículos relacionados: