¿Por qué Vercel?
Vercel es la plataforma de deploy más popular para aplicaciones Next.js y el estándar de facto para frontend moderno. Su propuesta es simple: conectás tu repositorio, y cada vez que hacés push a la rama principal, Vercel hace el build y despliega automáticamente. En menos de 60 segundos tu cambio está en producción. Sin configurar servidores, sin gestionar infraestructura, sin CI/CD manual.
Vercel no es solo para Next.js: funciona con Astro, SvelteKit, Nuxt, Remix, Angular, y prácticamente cualquier framework moderno. La infraestructura edge distribuida en más de 100 regiones garantiza latencia mínima para usuarios globales.
Conectar con GitHub.
El primer paso es crear una cuenta en Vercel (gratis, sin tarjeta de crédito para el plan Hobby) y conectar tu proveedor de Git. Vercel soporta GitHub, GitLab y Bitbucket. Recomendamos acceso selectivo: solo dás permisos a los repos que querés deployar, no a toda tu cuenta. Una vez conectado, importás el proyecto seleccionando el repositorio de la lista.
Tu primer deploy.
Vercel detecta automáticamente el framework y configura el build. Para Next.js, el comando de build es next build y el directorio de salida es .next. No necesitás cambiar nada. Para otros frameworks, puede que tengas que especificar el directorio de output. Después de hacer clic en "Deploy", ves el log del build en tiempo real y en menos de un minuto tenés una URL del tipo tu-proyecto.vercel.app.
git push a main es un deploy. Si el build falla, Vercel te avisa por email y mantiene la versión anterior activa.
Variables de entorno.
Las variables de entorno en Vercel se configuran en Settings → Environment Variables. Podés definirlas para tres entornos: Production (solo la rama principal), Preview (todas las ramas de feature), y Development (para bajarlas con vercel env pull). Las variables con prefijo NEXT_PUBLIC_ se exponen al browser. Nunca pongas secretos con ese prefijo.
Un truco útil: Vercel permite vincular proyectos de Supabase, PlanetScale, Upstash u otros servicios directamente desde la interfaz. Las variables de entorno se agregan automáticamente a tu proyecto. Cuando el servicio externo cambia las credenciales, se actualizan en Vercel también.
Dominio personalizado.
En Settings → Domains, agregás tu dominio y Vercel te indica exactamente qué registros DNS configurar. Para un dominio raíz (galodev.com), un registro A o ALIAS apuntando a Vercel. Para un subdominio (www.galodev.com), un CNAME. El SSL/TLS es automático vía Let's Encrypt. El tiempo de propagación de DNS varía entre 5 minutos y 48 horas según el TTL de tu proveedor.
Preview deployments.
Una feature subestimada: cada branch y cada Pull Request en GitHub genera automáticamente un preview deployment con su propia URL única. Podés compartir el link con el equipo para revisar cambios antes de mergear a producción. Es especialmente útil para feedback de diseño o QA. Los preview deployments tienen sus propias variables de entorno (el conjunto Preview que configuraste).
Errores comunes.
El build falla por variables de entorno faltantes: asegurate de que todas las variables que usás en el build (no solo en runtime) estén configuradas en Vercel. Las funciones serverless tienen un límite de 10 segundos en el plan Hobby (30 en Pro): si tu API tarda más, van a hacer timeout. El tamaño del bundle: Vercel tiene un límite de 50MB por función serverless. Si tenés dependencias pesadas, revisá si podés moverlas a edge functions o eliminarlas.