Lección 59 de 61 · Módulo 08: 5/7
Build Nivel · intro

Deploy a Vercel

Por qué te debe importar

El [[deploy]] no debería ser evento — debería ser efecto secundario de push. Con Vercel + GitHub, lo es. Lo único que importa en este paso es tener variables de entorno configuradas correctamente y saber aprovechar preview branches.

Idea central

Deploy es `git push`; todo lo demás es configuración una vez.

El setup una sola vez

  • Conectar repo: Vercel dashboard → New project → importar desde GitHub.
  • Variables de entorno: PUBLIC_SUPABASE_URL, PUBLIC_SUPABASE_ANON_KEY, más las que tu proyecto use. Configuradas por ambiente (production, preview, development).
  • Dominio: .vercel.app automático; dominio propio en 10 min con DNS en Cloudflare.
  • Preview branches: habilitadas por default. Cada push crea preview URL única.

Las reglas de variables de entorno

  • PUBLIC_ prefix: accesibles desde cliente. Solo para lo que es público (URLs, keys anon).
  • Sin prefix: solo server-side. Service role keys, secrets de APIs.
  • Nunca hard-code: ni en código, ni en git. Solo en Vercel dashboard (o .env.local local).

Preview branches, bien usadas

Cada PR debería tener preview URL. Uses:

  • Compartir con stakeholders antes de merge a main.
  • Smoke test manual antes de producción.
  • Debug de issues de environment específicos.

Mala práctica: hacer push a main directo. Rompe producción cuando hay bug.

Buena práctica: PR → preview → review → merge → producción.

Rollback

Vercel guarda deploys anteriores. Rollback es un click en dashboard. Si algo se rompe en producción, rollback instantáneo mientras debuggeas.

Ejemplos en escalera
✓ Checkpoint

Revisa tu Vercel: ¿las env vars están separadas por ambiente? ¿Cada PR genera preview? ¿Has probado rollback al menos una vez (en proyecto de prueba)? Si no sabes cómo, aprende antes de que lo necesites real.

Resumen — tres cosas que deberías recordar
  1. Deploy = `git push`; el resto es configuración una vez.
  2. Variables de entorno: PUBLIC_ prefix para cliente, sin prefix para server.
  3. PR + preview + merge, no push directo a main.
Qué sigue
Lección 60 · Construcción MVP funcional al final de la sesión — criterios de "listo" → Continuar