# Vercel

_Despliega tu app en producción en segundos, gratis_

**Sitio web:** https://vercel.com

## ¿Qué es Vercel?

Vercel es la plataforma de despliegue creada por los autores de Next.js. Puedes subir cualquier aplicación web — React, Next.js, Vue, SvelteKit, o HTML estático — y Vercel se encarga de todo el hosting: CDN global, HTTPS automático, dominio personalizado y CI/CD integrado.

Lo que lo hace especial para vibe coders es la integración con GitHub: conectas tu repositorio una vez y cada push despliega automáticamente una nueva versión. También genera previews de cada branch, lo que significa que puedes ver cómo queda un cambio antes de publicarlo. Todo esto en el plan gratuito.

## Cómo usar Vercel en Vibe Coding

En el flujo de vibe coding, Vercel es el paso final: cuando tu app está lista en Lovable, exportas el código a GitHub y conectas ese repositorio a Vercel. A partir de ahí, cada cambio que hagas — ya sea directamente en GitHub o a través de Claude Code o Cursor — se despliega solo.

Vercel también gestiona las variables de entorno de forma segura, lo que es clave para guardar tus claves de Supabase, Stripe o cualquier API sin exponerlas en el código. Para proyectos Next.js (que es lo que exporta Lovable), Vercel es la opción de despliegue más natural y mejor optimizada.

## Ventajas

- Plan gratuito muy generoso para proyectos y side projects
- Despliegue automático en cada push a GitHub
- Preview automática de cada branch — ideal para testear cambios
- HTTPS automático y CDN global incluidos
- Optimización nativa para Next.js (creadores del framework)

## Desventajas

- El plan gratuito tiene límites de build minutes al mes
- Proyectos comerciales con mucho tráfico necesitan plan Pro
- Las funciones serverless tienen límites de tiempo de ejecución en el plan free

## Preguntas frecuentes

### ¿Qué es Vercel?

Vercel es una plataforma de despliegue y hosting en la nube especializada en aplicaciones web frontend y full-stack. Fue creada por los autores de Next.js y es la opción de despliegue más usada para proyectos React y Next.js. Vercel gestiona automáticamente el hosting, el CDN global (la app se sirve desde el servidor más cercano al usuario), los certificados HTTPS, y el proceso de despliegue continuo: cada vez que se hace un push a GitHub, Vercel despliega automáticamente la nueva versión en segundos. El plan gratuito incluye dominio personalizable, deploys ilimitados y 100GB de ancho de banda al mes.

### ¿Vercel es gratis?

Vercel tiene un plan gratuito (Hobby) que es muy generoso para proyectos personales y side projects: proyectos ilimitados, deploys automáticos desde GitHub, dominio .vercel.app incluido, HTTPS automático, 100GB de ancho de banda mensual y soporte para dominios personalizados. La restricción del plan gratuito es que está limitado a uso no comercial. Para proyectos comerciales (apps con clientes de pago), el plan Pro cuesta 20$/mes por miembro del equipo e incluye más recursos, soporte para equipos y métricas avanzadas.

### ¿Cómo desplegar una app de Lovable en Vercel?

El flujo para desplegar en Vercel desde Lovable es: primero exportas el código de tu proyecto de Lovable a un repositorio de GitHub (Lovable tiene integración nativa con GitHub). Después, en vercel.com, conectas tu cuenta de GitHub y seleccionas el repositorio. Vercel detecta automáticamente que es un proyecto Next.js y configura el despliegue sin intervención manual. Añades las variables de entorno (las claves de Supabase, Stripe, etc.) en el panel de Vercel. A partir de ahí, cualquier cambio en la rama main de GitHub se despliega automáticamente en producción en menos de 30 segundos.

---

[← Ver todas las herramientas](/herramientas.md)