Vercel vs Netlify: precios, límites y cuál elegir

Vercel y Netlify prometen un flujo parecido: conectar Git, detectar el framework, construir el proyecto y publicar una URL global con HTTPS. Para una web pequeña, ambas pueden sentirse gratuitas y prácticamente automáticas. Las diferencias aparecen cuando el proyecto empieza a desplegar con frecuencia, genera tráfico, incorpora funciones o tiene intención de ganar dinero.

En esta comparativa analizamos sus planes actuales y desplegamos StackClaro, una web Astro estática, en las dos plataformas. El objetivo no es escoger un ganador absoluto. Queremos saber qué opción encaja mejor en un portfolio, un blog monetizado, una aplicación Next.js, una web estática con tráfico o un equipo de varios desarrolladores.

Qué hemos comparado y qué no

La comparación combina tres capas de evidencia:

1. Documentación oficial: planes, cuotas, condiciones comerciales y compatibilidad con frameworks.
2. Cálculos de StackClaro: convertimos los créditos de Netlify en escenarios comprensibles de despliegues, tráfico y solicitudes.
3. Prueba real: conectamos el repositorio de StackClaro a Vercel y Netlify, revisamos los registros y protegimos las copias con X-Robots-Tag: noindex.

No medimos latencia mundial ni Core Web Vitals, y los despliegues registrados no utilizaron exactamente el mismo commit ni la misma versión de Node. Por eso los tiempos sirven para describir nuestra experiencia, no para proclamar qué CDN o sistema de compilación es más rápido.

Nuestra prueba real con Astro

Netlify detectó automáticamente Astro 7.3.2, ejecutó npm run build y publicó la carpeta dist. El primer intento partió sin caché de dependencias, generó 13 páginas y terminó correctamente, con cero errores, advertencias o sugerencias de Astro.

Primer despliegue de Netlify, sin caché

Segundo despliegue, con caché

Al añadir netlify.toml y hacer otro push, Netlify ya tenía Node y las dependencias en caché. La instalación bajó a unos 2 segundos, no tuvo que subir ningún archivo nuevo y la fase de publicación tardó 496 ms. Netlify Build terminó en 9,6 segundos.

Los registros demuestran que ambas plataformas despliegan StackClaro correctamente. No demuestran que una sea globalmente más rápida: el commit, Node y las condiciones de caché no fueron idénticos.

Un detalle pequeño, pero simpático

Como curiosidad, mientras esperábamos el despliegue, Netlify nos ofreció minijuegos dentro de la interfaz. No cambia el precio, la velocidad ni la calidad del hosting, así que no suma puntos en nuestra decisión. Pero es un detalle divertido para hacer menos aburridos esos segundos mirando un registro de compilación.

El proyecto empezó privado

El primer acceso público devolvió 401 Unauthorized. No era un fallo de Astro: las cuentas nuevas con precios basados en créditos crean los proyectos como privados hasta que el propietario decide publicarlos. Después de pulsar la opción de publicación, la URL respondió con 200 OK.

También añadimos esta regla a netlify.toml para que los buscadores no indexen la copia:

[build]
  command = "npm run build"
  publish = "dist"

[[headers]]
  for = "/*"
  [headers.values]
    X-Robots-Tag = "noindex"

La comprobación final mostró:

HTTP/1.1 200 OK
Server: Netlify
X-Robots-Tag: noindex

En Vercel aplicamos la misma precaución mediante vercel.json. Las pruebas permanecen accesibles para verificar el despliegue, pero la URL canónica de las páginas sigue apuntando a stackclaro.com.

Vercel vs Netlify: precios y uso comercial

La comparación superficial dice que ambos tienen plan gratuito y que sus planes profesionales empiezan en 20 USD al mes. Esa simplificación oculta diferencias importantes.

Los importes son precios publicados en dólares y pueden no incluir impuestos. En planes de pago también puede existir consumo adicional. Conviene revisar el panel y las tarifas oficiales antes de migrar una carga de producción.

Vercel Hobby no sirve para una web con AdSense

Por tanto, un portfolio personal o una prueba sin finalidad económica puede utilizar Hobby. Una publicación que vaya a mostrar anuncios debe comparar Netlify con Vercel Pro, no con Vercel Hobby. Puedes comprobar la definición en las reglas oficiales de uso comercial de Vercel y los precios en la página oficial de Vercel.

En las condiciones Self-Serve y la tabla de precios de Netlify que revisamos no aparece una prohibición equivalente que limite Free exclusivamente a proyectos personales no comerciales. Esto no convierte el plan en una garantía de alojamiento: Netlify se reserva capacidad para modificar o retirar el nivel gratuito y para desactivar proyectos que no considere adecuados. La referencia aplicable es su acuerdo Self-Serve.

Cómo funcionan realmente los créditos de Netlify

Desde septiembre de 2025, las cuentas nuevas de Netlify utilizan un sistema de créditos compartidos. Los clientes anteriores pueden conservar planes heredados, por lo que dos usuarios podrían ver límites distintos en su panel.

Los Deploy Previews y despliegues de ramas son ilimitados según la tabla actual, pero las solicitudes y el ancho de banda que generan sí entran en los medidores correspondientes. Un despliegue de producción es la versión que se publica en el dominio principal del proyecto.

¿Qué permiten 300 créditos?

Si solo existiera un tipo de consumo, 300 créditos equivaldrían aproximadamente a:

• 20 despliegues de producción, sin contar tráfico.
• 15 GB de ancho de banda, sin contar despliegues ni solicitudes.
• 1,5 millones de solicitudes web, sin contar ancho de banda ni despliegues.

Estas cifras no se pueden sumar: todos los conceptos gastan del mismo saldo. Tampoco deben confundirse 1,5 millones de solicitudes con 1,5 millones de visitas. Una página puede solicitar HTML, CSS, JavaScript, imágenes y otros recursos.

Escenario equilibrado del plan Free

10 despliegues × 15 créditos                     = 150
5 GB de ancho de banda × 20                     = 100
250.000 solicitudes ÷ 10.000 × 2                =  50
                                                   ---
Total mensual                                    = 300 créditos

Este es un cálculo de StackClaro a partir de las tarifas oficiales, no una cuota recomendada por Netlify. Sirve para mostrar por qué una web pequeña puede agotar Free por varias combinaciones distintas.

Qué sucede al llegar al límite

Netlify avisa al alcanzar aproximadamente el 50 %, 75 % y 100 % del consumo. En Free existe un límite duro: no genera cargos inesperados, pero al agotarse los créditos los proyectos de la cuenta pueden quedar pausados hasta el siguiente ciclo o hasta actualizar el plan. En los planes pagados, la recarga automática está desactivada de forma predeterminada.

Este comportamiento aporta control de gasto, aunque crea un riesgo operativo: un pico de consumo en un proyecto puede afectar a los demás proyectos de la misma cuenta. Las cifras y el funcionamiento están explicados en los precios oficiales de Netlify.

Límites gratuitos: dos modelos difíciles de comparar

Vercel separa los recursos incluidos. Hobby ofrece actualmente un millón de Edge Requests y 100 GB mensuales de transferencia rápida, además de cuotas para funciones y computación. Netlify descuenta casi todo de una bolsa común de 300 créditos.

A primera vista, Vercel ofrece una bolsa de transferencia mucho mayor para un sitio estático. Pero Hobby deja de ser comparable cuando el proyecto es comercial. En ese caso hay que introducir el coste base de Pro y revisar su facturación de uso.

Cuál elegir según el framework

Astro

Para un Astro estático, las dos opciones funcionaron sin adaptador de servidor. Ambas detectaron el framework y publicaron dist. Astro mantiene guías específicas tanto para Vercel como para Netlify.

Elegiríamos según el modelo económico y las funciones necesarias. Para un portfolio personal, Vercel Hobby es sencillo. Para un blog que tendrá publicidad, su restricción comercial obliga a presupuestar Pro. En Netlify Free, el límite práctico dependerá de los créditos.

Next.js

Vercel desarrolla Next.js y suele ser la primera plataforma que valoraríamos cuando un proyecto depende de sus funciones más recientes, previews y flujo de equipo. Netlify también mantiene soporte para Next.js, incluidas capacidades dinámicas, mediante su integración oficial.

No asumiríamos compatibilidad idéntica sin revisar la versión concreta del framework. Antes de migrar una aplicación con middleware, caché, imágenes o renderizado avanzado, contrastaríamos la documentación de Next.js en Vercel con la guía de Next.js en Netlify.

React, Vue, Nuxt, SvelteKit y generadores estáticos

Las dos plataformas admiten múltiples frameworks. Para una SPA o un generador estático, la diferencia técnica inicial suele ser pequeña: comando de build, carpeta de salida, variables de entorno, redirecciones y dominio.

Netlify gana interés si se quieren utilizar sus formularios integrados o mantener un flujo homogéneo entre frameworks distintos. Vercel cobra más sentido si el equipo ya trabaja con su ecosistema, necesita su integración con Next.js o prefiere sus herramientas de preview y observabilidad.

Equipos, repositorios y Deploy Previews

En Netlify Free y Personal no se pueden añadir miembros adicionales con funciones de equipo. Netlify Pro parte actualmente de 20 USD mensuales, incluye al menos 3.000 créditos y permite miembros ilimitados. También ofrece revisores gratuitos para comentar proyectos.

Vercel Pro parte de 20 USD mensuales e incluye un asiento de desarrollador; los asientos de desarrollador adicionales aparecen a 20 USD mensuales cada uno en su tabla actual. Los asientos de visualización son gratuitos e ilimitados.

El cálculo para tres desarrolladores es una aproximación basada en la tabla pública y puede cambiar. Un equipo debe comprobar qué rol necesita cada persona, qué repositorios utilizará y qué consumo tendrá antes de contratar.

Funciones, formularios, DNS y otros extras

Funciones y renderizado bajo demanda

Vercel Functions y Netlify Functions permiten ejecutar lógica de servidor, pero sus unidades de facturación no son equivalentes. Netlify descuenta computación a razón de 10 créditos por GB-hora en las cuentas nuevas. Vercel aplica cuotas y precios diferenciados para invocaciones, memoria, CPU y transferencia según el plan.

No recomendamos escoger basándose únicamente en el número de invocaciones. Una API ligera, una página SSR y una tarea prolongada pueden generar costes muy diferentes. Primero mediríamos duración, memoria, regiones y volumen de datos.

Formularios

Netlify incorpora detección y procesamiento de formularios HTML como parte de su plataforma. Puede ser útil para una web de marketing o un portfolio que quiera recibir contactos sin mantener un backend. Las entregas también pueden consumir créditos según el plan.

Vercel permite resolver el mismo caso mediante funciones o integraciones, pero no presenta un sustituto idéntico en su producto base. Si los formularios son centrales, esta diferencia merece una prueba propia.

Dominios, HTTPS y DNS

Ambas plataformas permiten dominios personalizados y certificados HTTPS. Netlify ofrece además Netlify DNS; Vercel también administra dominios y registros. No es obligatorio transferir el dominio: se puede conservar el proveedor DNS actual y apuntar los registros necesarios.

Para esta prueba no conectamos stackclaro.com a ninguna de las dos. La producción continúa en Cloudflare Pages y solo utilizamos los subdominios temporales de Vercel y Netlify.

Vercel o Netlify: recomendación por escenario

Hay una tercera alternativa relevante. Si el proyecto es un Astro estático con mucho tráfico o futura publicidad, Cloudflare puede resultar más atractivo por su política para assets estáticos. La analizamos con el mismo proyecto en Vercel vs Cloudflare Pages para Astro. Para documentación y repositorios públicos, también comparamos Cloudflare Pages vs GitHub Pages.

Nuestra conclusión

Para un proyecto personal muy ligado a Next.js, empezaríamos valorando Vercel. Para un equipo con distintos frameworks, formularios o varios miembros, Netlify merece una comparación seria. Para una web comercial, descartamos Vercel Hobby desde el principio.

Netlify Free puede alojar proyectos pequeños, pero sus 300 créditos exigen vigilar cuatro consumos a la vez. Un flujo de 20 publicaciones mensuales agotaría por sí solo el saldo teórico, antes de servir una página. A cambio, el límite es duro y no genera una factura sorpresa.

Vercel Hobby presenta cuotas generosas para transferencia y solicitudes, pero su condición no comercial cambia por completo el análisis de una web con anuncios. Vercel Pro puede compensar su coste para un proyecto Next.js o un flujo profesional que aproveche su ecosistema; no lo contrataríamos automáticamente para un sitio estático sencillo.

Para StackClaro, ninguna de las dos sustituye actualmente a Cloudflare Pages. Las hemos utilizado como entornos de prueba para documentar el proceso, pero el dominio, el DNS, la analítica y la web de producción permanecen centralizados en Cloudflare.

Limitaciones de esta comparativa

• Probamos una web Astro estática pequeña, no una aplicación SSR intensiva.
• Los registros de Vercel y Netlify no pertenecen al mismo commit exacto.
• Las versiones de Node y las condiciones de caché fueron diferentes.
• No medimos latencia global, disponibilidad ni Core Web Vitals.
• No ejecutamos cargas controladas sobre funciones o formularios.
• Los precios y límites pueden cambiar después de la fecha de revisión.

Preguntas frecuentes

¿Es mejor Vercel o Netlify?

No existe un ganador universal. Vercel encaja especialmente bien en proyectos personales y en el ecosistema Next.js. Netlify resulta competitivo para distintos frameworks, formularios y equipos con varios miembros. El uso comercial y el consumo esperado pueden cambiar la decisión.

¿Puedo utilizar Vercel gratis para una web con AdSense?

No bajo las reglas actuales de Hobby. Vercel considera los anuncios, incluido Google AdSense, un uso comercial y exige Pro o Enterprise.

¿Cuántos despliegues permite Netlify Free?

Cada despliegue de producción consume 15 créditos y Free incluye 300 créditos mensuales. Si no existiera ningún otro consumo, equivaldría a 20 despliegues. En la práctica también hay que descontar ancho de banda, solicitudes, computación y otros recursos medidos.

¿Netlify Free puede generar cargos inesperados?

El plan Free tiene un límite duro y no puede superar su saldo para generar cargos. Cuando se agotan los créditos, los proyectos pueden quedar pausados hasta el siguiente ciclo o hasta actualizar el plan.

¿Cuál es mejor para Astro?

Para un sitio Astro estático, ambas funcionaron correctamente y sin adaptador de servidor. La elección depende del uso comercial, los créditos o cuotas, el equipo y los servicios adicionales.

¿Cuál elegir para Next.js?

Vercel suele ser la primera opción que evaluaríamos por su relación directa con Next.js. Netlify también ofrece soporte oficial. La compatibilidad debe revisarse con la versión y las funciones concretas de la aplicación.

Fuentes oficiales consultadas

• Netlify: precios, créditos, planes y preguntas frecuentes
• Netlify: acuerdo Self-Serve y condiciones del nivel gratuito
• Netlify: configuración oficial para Astro
• Netlify: soporte oficial para Next.js
• Vercel: precios y recursos incluidos
• Vercel: límites generales de la plataforma
• Vercel: recursos incluidos en Hobby
• Vercel: uso comercial y Fair Use Guidelines
• Astro: despliegue en Netlify
• Astro: despliegue en Vercel