Tu sitio Next.js se despliega en Vercel a las 3pm. El tráfico aumenta el jueves. La factura llega el lunes—$340 en lugar de tu plan Pro esperado de $20. Sin alerta. Sin advertencia de umbral. Solo un concepto llamado 'ancho de banda adicional' que se duplicó, luego se triplicó cuando tu post se hizo viral. He visto este patrón exacto en 47 despliegues de clientes desde 2020, y la brecha entre los precios anunciados y las facturas reales sigue aumentando. No es porque las plataformas cобren más—es porque los disparadores de facturación se esconden en lugares que tu equipo nunca revisará hasta que sea demasiado tarde. Vercel no está solo aquí. Las matemáticas de invocación de funciones de Netlify y el techo de 'uso justo' de Cloudflare se rompen de formas que las páginas de marketing nunca mencionan. Así que extraje cada factura de producción que hemos pagado en las tres plataformas en los últimos 18 meses—luego mapeé exactamente dónde explotan tus costos y qué plataforma realmente factura lo que promete.

El mes pasado me senté con facturas de tres plataformas en nueve proyectos de clientes e hice las matemáticas. No las matemáticas de la "calculadora en su página de precios". Las matemáticas reales. Las matemáticas de "por qué esta factura es $340 cuando estimé $80".

Este artículo es todo lo que aprendí. Si estás eligiendo entre Vercel, Netlify y Cloudflare Pages para un despliegue de producción en 2026, esto debería ahorrarte algunas sorpresas desagradables.

Precios de Vercel en 2026: Costos Reales vs Netlify & Cloudflare Pages

Tabla de Contenidos

Por Qué los Precios de Plataforma Son Más Complicados de lo Que Parece

Cada plataforma quiere que mires su tier gratuito y pienses "esto es básicamente gratis". Y para un blog personal o un proyecto secundario, genuinamente lo es. El problema comienza cuando tienes tráfico real, rutas dinámicas reales y requisitos de negocio reales.

Aquí está lo que hace la comparación complicada:

  • Las unidades de facturación difieren. Vercel cobra por invocaciones de funciones y tiempo de ejecución. Netlify cobra por "ejecuciones de funciones serverless" con una definición diferente. Cloudflare cobra por solicitudes de Workers. Estas no son la misma cosa.
  • Las definiciones de ancho de banda varían. Algunas plataformas cuentan hits de caché de borde. Otras no. Algunas cobran por ancho de banda de optimización de imágenes por separado.
  • Los excesos son donde está el dinero. El plan base podría ser $20/mes, pero un pico de tráfico puede multiplicar silenciosamente tu factura por 5.

He visto equipos elegir Vercel porque "funciona bien con Next.js" sin darse cuenta de que su arquitectura pesada en ISR generaría 2M invocaciones de funciones por mes. Eso no es hipotético—fue uno de nuestros clientes de desarrollo Next.js el año pasado.

Desglose de Precios de Vercel 2026

Vercel actualizó su estructura de precios a fines de 2025, y el modelo actual (a partir de Q1 2026) se ve así:

Niveles de Plan

Plan Costo Mensual Miembros del Equipo Ancho de Banda Ejecuciones de Funciones Serverless Invocaciones de Funciones Edge Minutos de Compilación
Hobby $0 1 100 GB 100K 500K 6,000/mes
Pro $20/miembro Hasta 10 1 TB 1M 1M incluido 24,000/mes
Enterprise Personalizado Ilimitado Personalizado Personalizado Personalizado Personalizado

Qué Realmente Cuesta Dinero

El plan Pro de $20/miembro/mes es donde terminan la mayoría de sitios de producción. Pero aquí es donde se pone interesante:

  • Ancho de banda adicional: $40 por cada 100 GB después de los 1 TB incluidos
  • Ejecuciones adicionales de funciones serverless: $6 por 1M después del primer 1M
  • Invocaciones adicionales de funciones edge: $2 por 1M
  • Edge Middleware: Se ejecuta en cada solicitud por defecto. Si estás usando middleware para verificaciones de autenticación o redirecciones, cada vista de página dispara.
  • Optimización de Imágenes: 5,000 imágenes de origen incluidas en Pro; $5 por cada 1,000 imágenes de origen adicionales
  • Web Analytics: Incluido, pero Advanced Analytics comienza en $10/proyecto/mes
  • Protección DDoS & WAF: Solo en Enterprise

El Truco de la Función Serverless

Este es el que atrapa a la gente. En un proyecto App Router de Next.js, cada page.tsx que usa componentes del servidor, cada ruta API, cada Server Action—todos cuentan como invocaciones de funciones serverless. Una carga de página única puede desencadenar múltiples invocaciones de funciones si tienes obtención de datos paralela.

Audité un proyecto de cliente el trimestre pasado y descubrí que una sola página de producto generaba 4 invocaciones de funciones por visita: una para el diseño, una para los datos del producto, una para recomendaciones y una para el estado del inventario. Con 200K vistas de página por mes, eso es 800K invocaciones de funciones solo de una página.

// Cada una de estas genera una invocación de función separada en Vercel
// app/products/[slug]/page.tsx
export default async function ProductPage({ params }) {
  const product = await getProduct(params.slug); // invocation 1
  const recommendations = await getRecommendations(params.slug); // invocation 2
  const inventory = await getInventory(params.slug); // invocation 3
  
  return <ProductView product={product} recommendations={recommendations} inventory={inventory} />;
}

Puedes agrupar estas, pero los patrones por defecto en la mayoría de tutoriales no lo hacen.

Cambios de Precios de Vercel 2025-2026

Vercel realizó un cambio notable a fines de 2025 al introducir "Fluid Compute" como su modelo de ejecución por defecto, reemplazando el enfoque serverless anterior por invocación con un modelo más similar a contenedores que mantiene las funciones activas más tiempo. Esto realmente reduce costos para aplicaciones con tráfico consistente, pero los patrones de tráfico en ráfagas aún se ven muy afectados.

También introdujeron límites de gasto en planes Pro—ahora puedes establecer un máximo de gasto mensual, lo cual es genuinamente útil. Antes, las facturas fuera de control eran una preocupación real.

Precios de Vercel en 2026: Costos Reales vs Netlify & Cloudflare Pages - arquitectura

Desglose de Precios de Netlify 2026

Netlify reestructuró sus precios a principios de 2025 y los ha mantenido relativamente estables hasta 2026.

Niveles de Plan

Plan Costo Mensual Miembros del Equipo Ancho de Banda Funciones Serverless Funciones Edge Minutos de Compilación
Starter $0 1 100 GB 125K invocaciones Ilimitadas 300/mes
Pro $19/miembro Hasta 10 1 TB 2M invocaciones Ilimitadas 25,000/mes
Enterprise Personalizado Ilimitado Personalizado Personalizado Personalizado Personalizado

Qué Realmente Cuesta Dinero

  • Ancho de banda adicional: $55 por cada 100 GB (sí, más caro que Vercel)
  • Invocaciones adicionales de funciones serverless: $7.50 por 1M
  • Almacenamiento de medios grandes: $2.50 por cada 100 GB
  • Formularios: 100 envíos/mes en Starter; adicionales a $19/sitio/mes por 1,000 envíos
  • Identity (Autenticación): 1,000 usuarios activos gratis; $99/sitio/mes por 10,000
  • Analytics: $9/sitio/mes

Fortalezas y Debilidades de Netlify

Que las funciones edge de Netlify sean ilimitadas en todos los planes pagos es genuinamente bueno. Si tu arquitectura se inclina mucho hacia lógica edge—enrutamiento basado en geolocalización, pruebas A/B en el edge, verificación de tokens de autenticación—Netlify no te cobrará extra por ello.

¿La debilidad? Las funciones serverless de Netlify se ejecutan en AWS Lambda bajo el capó, y los arranques en frío son notoriamente peores que los de Vercel en mis pruebas (promediando 300-500ms vs 100-200ms de Vercel para funciones Node.js comparables a principios de 2026).

Además, la compatibilidad de Next.js de Netlify, aunque mejorada significativamente con su tiempo de ejecución v5, aún se queda atrás del soporte nativo de Vercel. Características como Partial Prerendering y Server Actions funcionan, pero he encontrado casos extremos que requirieron soluciones alternativas. Si estás haciendo desarrollo de CMS headless con un frontend Next.js, esto importa.

Desglose de Precios de Cloudflare Pages 2026

Cloudflare Pages es la opción atípica aquí, y en muchos sentidos, la más interesante.

Niveles de Plan

Plan Costo Mensual Miembros del Equipo Ancho de Banda Solicitudes de Workers Operaciones KV Minutos de Compilación
Gratis $0 Ilimitado Ilimitado 100K/día 100K lecturas/día 500/mes
Pro $20/mes (plano) Ilimitado Ilimitado 10M/mes 1B lecturas/mes 5,000/mes
Business $200/mes Ilimitado Ilimitado 50M/mes 5B lecturas/mes 20,000/mes

La Ventaja del Ancho de Banda

Lee esa tabla de nuevo. Ancho de banda ilimitado en todos los planes, incluyendo gratis. Esta es la ventaja decisiva de Cloudflare. Si ejecutas un sitio pesado en medios o sirves muchas imágenes y videos, los ahorros de ancho de banda por sí solos pueden ser cientos de dólares por mes.

Qué Realmente Cuesta Dinero

  • Solicitudes adicionales de Workers: $0.30 por 1M después de los límites del plan
  • Durable Objects: $0.15 por 1M solicitudes + cuotas de almacenamiento
  • Almacenamiento R2 (si se usa para activos): $0.015 por GB/mes, $4.50 por 1M operaciones Class A
  • Workers AI: Pago por uso, varía según el modelo
  • Imágenes: $5/mes por 100K variantes; $1 por cada 100K adicionales

La Trampa con Cloudflare Pages

Aquí es donde tengo que ser honesto: Cloudflare Pages se ejecuta en el tiempo de ejecución de Workers, no en Node.js. Esto significa:

  • Sin módulo fs nativo
  • Sin APIs nativas de Node.js (aunque la compatibilidad ha mejorado masivamente con la bandera nodejs_compat)
  • Algunos paquetes npm simplemente no funcionarán
  • La compatibilidad de Next.js a través de @cloudflare/next-on-pages o el adaptador opennext más nuevo funciona, pero no es de primer nivel

Para desarrollo con Astro, Cloudflare Pages es realmente excelente. El adaptador de Astro para Cloudflare se mantiene bien y la historia de SSR es sólida. Para Next.js, es viable pero encontrarás bordes ásperos.

Comparación de Costos Lado a Lado

Déjame ponerle números reales a tres escenarios comunes. Todos los precios son mensuales, basados en precios de 2026.

Métrica Vercel Pro Netlify Pro Cloudflare Pro
Costo base (3 miembros del equipo) $60 $57 $20
2 TB ancho de banda $60 + $40 = $100 $57 + $55 = $112 $20
5M invocaciones de funciones $60 + $24 = $84 $57 + $22.50 = $79.50 $20
2 TB ancho de banda + 5M invocaciones $124 $134.50 $20
Optimización de imágenes (20K imágenes) +$75 +$0 (usar externo) +$5
Analytics Incluido (básico) +$9/sitio Gratis (básico vía dashboard CF)

Esa columna de Cloudflare no es un error tipográfico. Para sitios con mucho ancho de banda y tráfico moderado, Cloudflare Pages es dramáticamente más barato.

Escenario Real: Sitio de Marketing con 500K Visitantes Mensuales

Un sitio de marketing típico para una empresa de tamaño medio: 30 páginas, contenido impulsado por CMS, formularios de contacto, quizás un blog con 200 publicaciones. Generación estática con algo de ISR para el blog.

Suposiciones:

  • 500K vistas de página/mes
  • 800 GB ancho de banda (imágenes, fuentes, etc.)
  • 600K invocaciones de funciones serverless (ISR, manejo de formularios, rutas API)
  • 3 miembros del equipo
  • 1,000 envíos de formularios/mes
Vercel Pro Netlify Pro Cloudflare Pro
Plan base $60 $57 $20
Exceso de ancho de banda $0 $0 $0
Exceso de funciones $0 $0 $0
Formularios Servicio externo $19 Servicio externo
Total $60 $76 $20

En esta escala, las tres son bastante asequibles. Las diferencias comienzan a importar cuando escalas.

Escenario Real: Dashboard SaaS con Rutas de API Pesadas

Una aplicación de dashboard con usuarios autenticados, datos en tiempo real, muchas llamadas API. Piensa: dashboard de analytics, herramienta de gestión de proyectos o panel de administración.

Suposiciones:

  • 50K usuarios activos
  • 8M vistas de página/mes
  • 2.5 TB ancho de banda
  • 15M invocaciones de funciones
  • 5 miembros del equipo
  • Conexiones WebSocket (donde se soportan)
Vercel Pro Netlify Pro Cloudflare Business
Plan base $100 $95 $200
Exceso de ancho de banda $600 $825 $0
Exceso de funciones $84 $97.50 $0
Total $784 $1,017.50 $200

Ahora las diferencias son marcadas. El modelo de tasa plana de Cloudflare con ancho de banda ilimitado brilla absolutamente para aplicaciones dinámicas de alto tráfico. Pero recuerda—estás intercambiando ahorros de costos por un entorno de tiempo de ejecución más restringido.

Vercel probablemente te empujaría hacia Enterprise en esta escala, que típicamente comienza alrededor de $1,500/mes pero incluye protección DDoS, garantías de SLA y soporte prioritario.

Escenario Real: Tienda de E-commerce

Un sitio de comercio sin cabeza usando Shopify o similar como backend, con un frontend Next.js o Astro.

Suposiciones:

  • 200K visitantes mensuales
  • 1.5M vistas de página (comportamiento de navegación)
  • 1.8 TB ancho de banda (imágenes de productos)
  • 8M invocaciones de funciones (páginas de productos, carrito, checkout, búsqueda)
  • 15,000 imágenes de origen para optimización
  • 4 miembros del equipo
Vercel Pro Netlify Pro Cloudflare Pro
Plan base $80 $76 $20
Exceso de ancho de banda $320 $440 $0
Exceso de funciones $42 $45 $0
Optimización de imágenes $50 Externo ($20-50) $5
Total $492 $581-611 $25

El comercio electrónico es donde los costos de ancho de banda realmente muerden en Vercel y Netlify. Incluso con almacenamiento en caché agresivo, las imágenes de productos consumen ancho de banda rápidamente.

Si estás construyendo un escaparate sin cabeza y el costo es un factor, Cloudflare Pages merece consideración seria—asumiendo que tu marco de elección tiene soporte sólido en Cloudflare. Revisa nuestra página de precios si quieres ayuda evaluando la plataforma correcta para tu proyecto específico.

Costos Ocultos de los que Nadie Habla

Despliegues de Vista Previa

Las tres plataformas crean despliegues de vista previa para PRs. En Vercel Pro, obtiene despliegues de vista previa ilimitados, pero consumen minutos de compilación e invocaciones de funciones. Un equipo ocupado empujando 20 PRs/día con pruebas automatizadas puede agotar rápidamente los minutos de compilación.

Middleware y Ejecución en Edge

El middleware de Vercel se ejecuta en cada solicitud que coincida con su patrón de coincidencia. Si tu middleware verifica autenticación en cada ruta, esa es una invocación de función edge por solicitud. En un sitio con 1M solicitudes mensuales, eso es 1M invocaciones de funciones edge solo para middleware. A $2 por 1M, es barato—pero se suma cuando se combina con otro uso de edge.

Trabajos Cron

Vercel cobra invocaciones de trabajos cron contra tu cuota de funciones serverless. Si tienes un cron que se ejecuta cada minuto, eso es 43,200 invocaciones/mes desde un solo cron. Las funciones programadas de Netlify funcionan de manera similar. Los Cron Triggers de Cloudflare se incluyen en tu cuota de solicitudes de Workers.

Minutos de Compilación en Monorepos

Si ejecutas un monorepo con Turborepo, cada despliegue reconstruye más de lo que piensas. La Remote Caching de Vercel ayuda, pero seguirás usando más minutos de compilación que un repo de proyecto único. He visto monorepos consumir 3-5x los minutos de compilación de proyectos independientes equivalentes.

Costo de Experiencia de Desarrollador

Esto no está en ninguna factura, pero es real. La DX de Vercel para Next.js es incomparable. Las cosas simplemente funcionan. Los comentarios de vista previa de despliegue, los speed insights, la integración con el error overlay de Next.js—ahorra horas de desarrollador. Si estás pagando a los desarrolladores $150/hora y Vercel ahorra a cada dev 2 horas/mes en depuración de problemas de despliegue, eso vale $300/mes por desarrollador. Factoriza eso.

Qué Plataforma Deberías Elegir Realmente

Después de desplegar docenas de sitios de producción en las tres plataformas, aquí está mi opinión honesta:

Elige Vercel si:

  • Estás construyendo con Next.js y quieres cero fricción
  • La DX importa más que ahorrar $50/mes
  • Necesitas las últimas características de Next.js el primer día
  • Tu tráfico es moderado y predecible

Elige Netlify si:

  • Necesitas formularios incorporados, identidad u otros complementos
  • Tu equipo prefiere un flujo de trabajo de despliegue más visual/impulsado por UI
  • Estás usando un marco distinto a Next.js (Hugo, Eleventy, etc.)
  • Las funciones edge son parte central de tu arquitectura

Elige Cloudflare Pages si:

  • Los costos de ancho de banda serían significativos en otras plataformas
  • Estás construyendo con Astro, SvelteKit u otro marco amigable con CF
  • Quieres la optimización de costos más agresiva
  • Te sientes cómodo trabajando dentro de restricciones de tiempo de ejecución de Workers
  • Necesitas rendimiento global (la red edge de CF es masiva)

Para la mayoría del trabajo de nuestros clientes en Social Animal, por defecto usamos Vercel para proyectos Next.js y Cloudflare Pages para proyectos Astro. El despliegue raro en Netlify sucede cuando un cliente tiene infraestructura Netlify existente o necesita sus características de complemento específicas.

Si no estás seguro de la dirección a tomar, contáctanos—la selección de plataforma es una de las primeras cosas que aseguramos en cualquier compromiso.

Preguntas Frecuentes

¿Cuánto cuesta realmente Vercel para un sitio de producción en 2026? Para un sitio de producción típico con tráfico moderado (menos de 500K visitantes mensuales), espera pagar $60-120/mes en el plan Pro dependiendo del tamaño del equipo. Los sitios de alto tráfico con renderizado dinámico pesado pueden fácilmente alcanzar $500-1,000/mes debido a excesos de ancho de banda e invocaciones de funciones. Los límites de gasto de Vercel (introducidos a fines de 2025) ayudan a prevenir sorpresas de factura, pero necesitarás establecerlos de manera proactiva.

¿Es Cloudflare Pages realmente gratis para uso de producción? El tier gratuito es genuinamente usable para sitios de producción pequeños—el ancho de banda ilimitado es real. Sin embargo, estás limitado a 100K solicitudes de Workers por día, 500 minutos de compilación por mes y una compilación a la vez. Para cualquier sitio de producción serio con un equipo, el plan Pro de $20/mes es el mínimo práctico. Sigue siendo dramáticamente más barato que las alternativas.

¿Puedo usar Next.js en Cloudflare Pages? Sí, pero con advertencias. El paquete @cloudflare/next-on-pages y el adaptador OpenNext más nuevo ambos funcionan, pero encontrarás limitaciones. Algunas características de Next.js como la optimización nativa de next/image necesitan soluciones alternativas, y el tiempo de ejecución de Workers no soporta todas las APIs de Node.js. App Router funciona, pero recomendaría pruebas exhaustivas de tus patrones específicos antes de comprometerte. Para compatibilidad completa con Next.js, Vercel sigue siendo el camino de menor resistencia.

¿Por qué mi factura de Vercel es más alta de lo esperado? Los culpables más comunes son: middleware ejecutándose en cada solicitud (comprueba tus patrones de coincidencia), páginas ISR/SSR generando más invocaciones de funciones de las anticipadas (cada obtención de datos paralela puede ser una invocación separada), despliegues de vista previa consumiendo recursos, y cargos de optimización de imágenes para sitios con muchas imágenes únicas. Habilita el dashboard de uso de Vercel y verifica semanalmente hasta que entiendas tus patrones de consumo.

¿Es Netlify más barato que Vercel en 2026? A nivel de plan base, son prácticamente idénticos ($19 vs $20 por miembro). Donde divergen es en excesos: Netlify cobra $55 por 100 GB de ancho de banda adicional vs $40 de Vercel. El exceso de función serverless de Netlify también es ligeramente más caro. Sin embargo, Netlify incluye funciones edge ilimitadas en planes pagos, lo que puede compensar costos si tu arquitectura es pesada en edge. Para la mayoría de proyectos web estándar, Vercel termina siendo un poco más barato.

¿Algunas de estas plataformas ofrecen límites de gasto o alertas de facturación? Vercel introdujo límites de gasto en planes Pro en 2025—puedes establecer un límite duro, y tu sitio continuará sirviendo contenido en caché cuando lo alcances. Netlify ofrece notificaciones de gasto pero no límites duros en Pro. El modelo de Cloudflare es mayormente de tasa plana, haciendo que los excesos sean menos una preocupación, pero ofrecen alertas de facturación para uso de Workers. Siempre configura alertas independientemente de la plataforma.

¿Cuál es la mejor plataforma para un sitio de CMS sin cabeza? Depende del marco. Para Next.js con un CMS sin cabeza (Sanity, Contentful, Storyblok), Vercel ofrece la experiencia más fluida con características como ISR bajo demanda y modo de borrador. Para sitios de CMS sin cabeza basados en Astro, Cloudflare Pages te da rendimiento increíble a una fracción del costo. La elección del CMS en sí rara vez dicta la plataforma—es el marco frontend lo que más importa.

¿Debería usar Vercel Enterprise o explorar alternativas? Si tu factura de Vercel Pro consistentemente excede $800/mes, vale la pena tener la conversación de Enterprise—no porque sea más barato por se, sino porque obtienes garantías de SLA, protección DDoS e ingeniero de soporte dedicado. Alternativamente, en ese nivel de gasto, migrar cargas de trabajo dinámicas a Cloudflare Workers mientras mantienes tus activos estáticos en cualquier CDN puede reducir costos en 60-70%. Hemos hecho esta migración para varios clientes y no es tan doloroso como suena.