Learn

Entender Vercel

Vercel

Qué es Vercel, qué no es, y el modelo deploy-on-push.

Vercel es una plataforma de despliegue diseñada para proyectos frontend y serverless. Resuelve un problema sencillo: pasar del código en tu ordenador a un sitio accesible en todo el mundo, sin tener que tocar un servidor. Esta lección te da las bases conceptuales antes de desplegar tu primer proyecto.

Qué es Vercel (y qué no es)

Vercel es una plataforma de despliegue y alojamiento especializada en aplicaciones web. Conectas un repositorio Git y Vercel se encarga del resto: construcción del proyecto, publicación en línea y distribución mundial.

Lo que Vercel no es:

  • No es un VPS (Virtual Private Server): no gestionas ningún sistema operativo ni ningún servicio en segundo plano.
  • No es un cloud generalista como AWS, GCP o Azure: Vercel no ofrece bases de datos administradas nativas, ni máquinas virtuales, ni almacenamiento de objetos en sentido amplio.
  • No es un simple alojamiento estático: Vercel también ejecuta código del lado del servidor a través de sus funciones.

En la práctica, Vercel reemplaza la combinación clásica "servidor + Docker + nginx + pipeline CI/CD" para la gran mayoría de los proyectos frontend modernos.

El modelo deploy-on-push

El funcionamiento central de Vercel se basa en una regla sencilla: cada push de Git lanza un despliegue automático.

Lo que ocurre en la práctica:

  1. Conectas tu repositorio de GitHub, GitLab o Bitbucket a un proyecto Vercel.
  2. Con cada commit o pull request, Vercel lanza un Build: detección del framework, instalación de dependencias, compilación.
  3. El resultado es un Deployment: una versión inmutable de tu sitio, accesible mediante una URL única generada automáticamente.
  4. Si el push apunta a tu rama principal (normalmente main), el despliegue pasa a Production y se sirve en tu dominio.
  5. Si es otra rama o una pull request, el despliegue es un Preview: una URL aislada, perfecta para probar antes de fusionar.

Cada despliegue es independiente y se conserva. Puedes volver a cualquier versión anterior en cuestión de segundos desde el panel de control.

Los bloques clave de la plataforma

Vercel está compuesto por varios bloques que trabajan juntos:

  • Builds: la fase de compilación. Vercel detecta tu framework automáticamente y sabe cómo construir el proyecto sin configuración manual en la mayoría de los casos.
  • Preview Deployments: cada rama o pull request obtiene su propia URL de previsualización, accesible a tu equipo antes de cualquier puesta en producción.
  • Edge Network / CDN: una vez desplegado, tu sitio se distribuye en una red mundial de servidores. Los visitantes reciben los archivos desde el servidor más cercano a ellos geográficamente.
  • Serverless Functions: código backend (rutas de API, lógica de servidor) que se ejecuta bajo demanda, sin servidor permanente que gestionar. Se detienen cuando nadie las llama y se reinician en pocos milisegundos.
  • Edge Functions: similares a las Serverless Functions, pero se ejecutan lo más cerca posible del usuario en la red Edge, con tiempos de arranque aún más cortos. Ideales para redirecciones, geolocalización o personalización ligera.

Qué cambia en la práctica

Antes de Vercel (o una plataforma similar), desplegar un proyecto frontend implicaba a menudo: configurar un servidor, instalar un reverse proxy (nginx o Apache), escribir un pipeline CI/CD, gestionar los certificados SSL y mantener todo eso con el tiempo.

Con Vercel:

  • El certificado SSL es automático y se renueva sin intervención.
  • El pipeline CI/CD está integrado (basta con el push).
  • La escalabilidad la gestiona la plataforma: si tu sitio recibe de repente 10 000 visitantes, no tienes que hacer nada más.
  • El rollback es inmediato: con un clic, vuelves a poner en producción un despliegue anterior.

La siguiente lección te guía paso a paso para conectar tu primer proyecto Git y lanzar tu primer despliegue.

Fuentes

Relacionado

Ver también · gitQué es Git
Ver también · fullstackDNS, hébergement, déploiement

Marca los pasos para desbloquear lo siguiente

Volver al curso