Ruta Full Stack
0✦ 0
Glosario · Herramientas · Fase 2

Vercel

Una plataforma que publica tu web directamente desde tu repositorio de GitHub: cada vez que subes cambios, se despliega sola.

✦Apagada: responde bien la pregunta del final para encenderla

También lo verás como: Vercel · Netlify · Cloudflare Pages · vista previa · preview · despliegue de vista previa · vercel.app

Analogía

Una imprenta conectada a tu carpeta: cada vez que guardas una versión nueva, imprime y reparte la nueva edición sin que tengas que ir.

Cómo funciona

  • main = producción: lo que está en main lo ve todo el mundo → rama
  • Cualquier otra rama o pull request = vista previa: una dirección propia para revisar el cambio antes de unirlo a main. Vercel deja el enlace como comentario en el pull request.
  • Se puede volver a una publicación anterior con un clic.

Lo que hay que saber (y verificar, porque cambia)

  • Te registras con tu cuenta de GitHub y le das acceso solo a los repositorios que elijas.
  • Una web estática (HTML y CSS) no necesita ninguna configuración.
  • Las vistas previas pueden pedir iniciar sesión en Vercel (viene una protección activada por defecto). Para enseñárselas a un cliente hay que revisar Deployment Protection en los ajustes del proyecto.
  • El plan gratuito (Hobby) es para uso personal, no comercial. Para la web de un cliente que paga, hay que revisar las condiciones u otro plan (Fase 11).

Alternativas

Netlify y Cloudflare Pages hacen lo mismo, con otras condiciones gratuitas.

Un paso más: tres direcciones para un mismo proyecto

Con Vercel cada proyecto acaba teniendo varias direcciones, y conviene saber cuál es cuál:

Dirección Qué muestra Para quién
tu-proyecto.vercel.app lo que hay en main producción (hasta que pongas un dominio propio)
tu-proyecto-git-rama-….vercel.app lo último de una rama o pull request revisar antes de unir
una dirección única por cada despliegue esa publicación concreta, congelada volver atrás, comparar

Y un dominio propio (mirestaurante.com) se conecta encima de la primera: Vercel te dice qué registros de DNS poner.

Vercel no es obligatorio para aprender nada de esto: es la forma más corta de pasar de un repositorio a una dirección pública. Lo que aprendes (rama = entorno, push = despliegue) vale igual en sus alternativas.

Comprueba que lo entendiste

En un proyecto conectado a Vercel, ¿qué pasa cuando haces push a main?

Ver también

despliegue · hosting · GitHub · pull request