Desarrollo Web

De tu computador a internet en 2 minutos: así despliego cualquier web con Vercel

14 de septiembre de 20264 min de lectura

Andrés | Consolidación Digital

Consultor de marketing digital y Full Stack Developer. Fundador de Consolidación Digital.

Construir una web es la mitad del trabajo. La otra mitad es ponerla en internet para que el mundo la vea — y ahí es donde, durante años, muchos proyectos se atascaban. "Subir" un sitio implicaba programas de FTP, configurar un servidor, dominios, certificados de seguridad… y rezar para que no se cayera un domingo a medianoche.

Hoy hago todo eso con un git push. La herramienta se llama Vercel, y es la que uso para publicar todos mis proyectos. Te explico cómo convierte el despliegue —históricamente la parte más frustrante— en algo casi invisible.

Qué es Vercel (en simple)

Vercel es una plataforma de hosting (alojamiento) pensada para webs modernas, creada por la misma empresa que mantiene Next.js. Su magia es una idea simple: conectas tu repositorio de código (GitHub) y, cada vez que subes cambios, Vercel construye y publica tu web automáticamente.

No hay servidores que administrar, ni FTP, ni configuraciones eternas. Escribes código, lo subes, y en un par de minutos está online — con seguridad (HTTPS) y velocidad de fábrica.

El flujo que uso todos los días

Este es, literalmente, mi ciclo de trabajo en cada proyecto:

  1. Programo un cambio en mi computador.
  2. Lo guardo en GitHub con git push.
  3. Vercel lo detecta solo, construye la web y la publica.
  4. En ~1–2 minutos, el cambio está en producción para todos.

Así funcionan la tienda de café, el sitio del fotógrafo, el estudio de respiración y la agencia. Cuando el cliente pide un ajuste, lo hago, hago push, y minutos después ya lo ve online. Sin intermediarios, sin "espera a que suba los archivos".

Las 4 cosas que me encantan de Vercel

1. Despliegue automático (CI/CD sin configurar). Conectar GitHub con Vercel toma dos minutos, una sola vez. Desde ahí, cada cambio se publica solo. Esto —que en el mundo profesional se llama "integración y despliegue continuo"— viene resuelto de fábrica.

2. Previsualizaciones por cada cambio. Antes de publicar en la web real, Vercel te da un enlace de previsualización de cómo quedó. Puedo enviárselo al cliente para que apruebe antes de que salga a producción. Se acabó el "publica y a ver qué pasa".

3. Rápido en todo el mundo (CDN global). Vercel sirve tu web desde servidores repartidos por el planeta, así que carga rápido tanto en Colombia como en Alemania. Para negocios con clientes en varios países, esto importa.

4. HTTPS y dominio, sin dolor. El candado de seguridad (HTTPS) viene automático y gratis. Conectar tu propio dominio (tudominio.com) son unos clics y ajustar un par de registros. Nada de certificados manuales.

Cuánto cuesta

Vercel tiene un plan gratuito con el que puedes tener proyectos reales en producción sin pagar nada — de hecho, así lancé varios. Cuando un proyecto crece en tráfico o necesita funciones de equipo, pasas a un plan de pago. Para empezar y validar, el costo es cero.

Cuándo NO es lo ideal

  • Si tu proyecto necesita un servidor tradicional siempre encendido con procesos pesados y persistentes (no una web + funciones), quizá te convenga otro tipo de infraestructura (un VPS, por ejemplo).
  • Si ya tienes montada y funcionando otra infraestructura corporativa con la que debes integrarte, forzar Vercel puede no valer la pena.

Para sitios web y aplicaciones modernas —que es lo que construyo— Vercel es, con diferencia, el camino más rápido y confiable.

Cómo empezar

  1. Sube tu proyecto a GitHub (un repositorio).
  2. Entra a vercel.com, inicia sesión con GitHub e importa el repositorio.
  3. Vercel detecta que es un proyecto Next.js y lo configura solo.
  4. Le das a Deploy. En un par de minutos, tu web tiene una dirección pública. A partir de ahí, cada git push la actualiza sola.

En resumen

Vercel convierte el despliegue —la parte que más frena a la gente— en algo automático e invisible: git push y listo, con seguridad, velocidad global y previsualizaciones incluidas. Junto con Next.js y Supabase, cierra mi stack: escribo código, lo subo, y minutos después está en internet.

Preguntas frecuentes

¿Vercel es gratis? Sí, tiene un plan gratuito con el que puedes tener proyectos reales online. Pagas cuando escalas o necesitas funciones de equipo.

¿Necesito saber de servidores? No. Ese es justo el punto: Vercel se encarga de todo eso por ti.

¿Puedo usar mi propio dominio? Sí, y el HTTPS es automático y gratuito.

¿Sirve para cualquier web? Va perfecto con Next.js y frameworks modernos. Para servidores tradicionales siempre-encendidos, hay otras opciones.

¿Listo para implementarlo?

Consolidación Digital

Si quieres implementar esta estrategia en tu empresa, ayudamos a negocios a crecer mediante estrategias digitales basadas en datos.

Caso real

Esto no es teoría — así lo hicimos para RASCH Café

RASCH Café — E-commerce de café de especialidad con checkout Stripe

83/100

Performance (Mobile)

100/100

SEO

100/100

Mejores Prácticas

Migración completa de RASCH Café —café orgánico colombiano de especialidad de la Familia Martín (Boyacá)— desde WooCommerce a una tienda propia en Next.js para el mercado alemán. Construimos el catálogo con variantes de tamaño y molienda, un checkout con Stripe (tarjeta, SEPA, Klarna, Apple y Google Pay) con IVA del 7% e impuestos correctos, y un panel de administración donde el cliente edita productos, precios, imágenes, pedidos e inventario y gestiona las devoluciones (Widerruf) conforme a la ley alemana. Sitio bilingüe DE/EN (con base en español), consentimiento de cookies (GDPR) y páginas legales alemanas. Diseño editorial oscuro con la marca del cóndor andino y un mapa de Colombia que se dibuja al cargar.

Ver caso completo →

Caso real

Esto no es teoría — así lo hicimos para IKI

IKI — Web trilingüe con reserva y pago de eventos (Stripe)

90/100

Performance (Mobile)

100/100

SEO

100/100

Mejores Prácticas

Web premium para IKI —estudio de breathwork y "nervous system training" de Maria Alejandra Perafan en Berlín— construida en Next.js. Sitio trilingüe (inglés, alemán y español) con next-intl, una home editorial que presenta el método y los tres pilares (Regulate/Perform/Belong), y un sistema de eventos con cupo que se reservan y pagan directamente en la web con Stripe (en lugar de plataformas externas). Incluye un panel de administración estilo Luma donde la fundadora crea y edita eventos, servicios, clases e imágenes sin depender de nosotros, captura de leads a Supabase, consentimiento de cookies (GDPR) y páginas legales alemanas. Estética cálida crema y espresso con acentos por pilar y tipografía editorial.

Ver caso completo →

Caso real

Esto no es teoría — así lo hicimos para CHACONPH

CHACONPH — Plataforma Web y CRM para Fotografía de Bodas

81/100

Performance (Mobile)

100/100

SEO

100/100

Mejores Prácticas

Plataforma de portafolio y CRM de leads para Christian Chacon, fotógrafo de bodas en Bucaramanga, Santander. El objetivo: reemplazar la gestión manual de leads por WhatsApp con un sistema que centraliza el pipeline comercial, califica leads automáticamente con un chatbot de IA y sincroniza citas con Google Calendar. Diseño editorial en blanco y negro centrado 100% en la fotografía, tipografía display Bebas Neue en mayúsculas, y panel administrativo con dashboard de métricas, CRM Kanban y gestor de eventos.

Ver caso completo →

Caso real

Esto no es teoría — así lo hicimos para FULGUR S.A.S.

FULGUR S.A.S. — Landing B2B para exportadora de oro

91/100

Performance (Mobile)

100/100

SEO

100/100

Mejores Prácticas

Landing page institucional para FULGUR S.A.S., comercializadora colombiana de oro con operaciones en Dubái. El objetivo: proyectar confianza y cumplimiento normativo ante compradores B2B internacionales (refinerías, bancos de inversión, traders de commodities) antes de iniciar una conversación comercial. Diseño dark mode con acentos dorados, estructura narrativa en 7 secciones (Inicio, Nosotros, Mercado, Trazabilidad, Operaciones, Presencia Global, Contacto) y enfoque 100% en credibilidad institucional.

Ver caso completo →