"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 ubicaciones. 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+ ubicaciones) |
| WAF | Enterprise | Enterprise | Todos los planes |
| Attack Challenge Mode | Disponible | — | Disponible |
| Ubicaciones edge | Decenas | Decenas | 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): Descargas masivas de archivos causaron explosión de ancho de banda, resultando en una factura de $104,500. El CEO de Netlify condonó el monto completo en Hacker News
- Incidente Vercel Cara: Una app se hizo viral y los cargos de Vercel Functions alcanzaron aproximadamente $96,000
- 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.
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: