El último paso
De tu compu a internet, en minutos
Tenés la web hecha y se ve hermosa… en tu computadora. Pero ahí no la ve nadie. Publicar es el paso que la pone online, con una dirección que podés mandar por WhatsApp, poner en un anuncio o imprimir en una tarjeta. Y la buena noticia: hoy son tres piezas que se conectan una sola vez, y después todo es automático.
No te asustes con los nombres
El mapa
El circuito en 3 pasos
Antes de los detalles, quedate con la foto grande. Tu web viaja por tres estaciones. Clickeá cada una para ver qué hace y por qué la necesitás:
Paso 1 · GitHub
GitHub es la nube donde vive el código de tu web. Como un Google Drive, pero para proyectos.
¿Por qué? Tener el código ahí es el requisito para que Vercel lo pueda publicar y actualizar solo. También es tu respaldo: nunca lo perdés.
- Cada vez que guardás cambios hacés un “commit” (una foto del proyecto).
- “Push” = subir esas fotos a GitHub.
- La IA puede hacer todo esto por vos — vos solo entendés qué pasa.
La cadena, en una frase
Paso 1
GitHub: el lugar donde vive el código
GitHub es la nube del código. Pensalo como el Drive del proyecto: ahí queda guardado, con historial de cada cambio, y desde ahí Vercel lo va a leer. Estos son los comandos que la IA corre por vos la primera vez — no hace falta memorizarlos, sí saber qué significan:
git init # arranca el control de versiones en la carpeta
git add . # selecciona TODOS los archivos para guardar
git commit -m "Primera versión de la landing" # saca la "foto" del proyecto
git remote add origin https://github.com/tu-usuario/mi-landing.git
git push -u origin main # sube esa foto a GitHubTraducción rápida
Si te trabás, la IA es tu copiloto de terminal. Pegale el error tal cual y pedile el comando exacto:
Soy de marketing, no programo. Estoy publicando mi web y al correr este comando me apareció este error:
{{pegá acá el comando y el mensaje de error completo}}
Explicámelo en simple y dame el/los comando(s) exactos para resolverlo, uno por línea, sin que rompa nada de lo que ya tengo.Paso 2
Vercel: convertir el código en una web real
Vercel es el servicio que toma tu proyecto de GitHub y lo publica online. Es gratis para empezar, no hay que tocar servidores, y publica en segundos. Lo conectás una vez desde su web (botón “Import Project” → elegís tu repo de GitHub) y listo. Si preferís desde la terminal, son dos comandos:
vercel # primera vez: te da una URL de preview para revisar
vercel --prod # cuando estás conforme: lo publica en producción (la URL "real")Tu web ya está online
mi-landing.vercel.app. Esa URL ya funciona y la podés compartir. El dominio con tu marca viene en el paso 3, pero técnicamente ya publicaste.¿No sabés cómo conectarlo? Pedile a la IA el paso a paso para tu caso puntual:
Tengo mi proyecto web subido a GitHub en el repo {{tu-usuario/mi-landing}} y quiero publicarlo en Vercel desde cero (cuenta gratis). Dame el paso a paso, en lenguaje simple para alguien de marketing, para: 1. Crear la cuenta y conectarla a GitHub. 2. Importar este repo. 3. Obtener la URL pública. Avisame si hay algo de configuración (framework, build) que tenga que tocar para un proyecto de {{Next.js / lo que uses}}.
Paso 3
Dominio: ponerle tu marca
La URL .vercel.app funciona, pero no luce profesional. El dominio es tu dirección de marca: campaña.iebmas.lat en vez de mi-landing.vercel.app. Para conectarlo, tu proveedor de dominios (Cloudflare, Namecheap, donde sea) tiene que apuntar el nombre hacia Vercel. Eso se hace con unos registros llamados DNS.
# Para el dominio raíz (iebmas.lat)
Tipo: A Nombre: @ Valor: 76.76.21.21
# Para un subdominio (campaña.iebmas.lat)
Tipo: CNAME Nombre: campaña Valor: cname.vercel-dns.comEl DNS tarda un rato
Tengo mi web publicada en Vercel y quiero conectarle el dominio {{campaña.iebmas.lat}}. El dominio lo administro en {{Cloudflare / Namecheap / ...}}. Explicame, en pasos simples para alguien de marketing: 1. Qué tengo que agregar en Vercel (sección Domains). 2. Exactamente qué registros DNS cargar en {{mi proveedor}}, con tipo, nombre y valor. 3. Cómo me doy cuenta de que ya quedó funcionando.
El día a día
Actualizar = subir cambios (y ya)
Acá está la magia que justifica todo el setup: una vez conectado el circuito, cada cambio que subís a GitHub se publica solo. No hay un botón de “re-subir la web”. Hacés el cambio (o se lo pedís a la IA), lo guardás, lo subís, y Vercel lo deja online en segundos.
git add .
git commit -m "Cambié el titular del hero y agregué testimonios"
git push # ← esto solo dispara un deploy automático en Vercelpush = deploy
Sin miedo a romper
Preview vs producción
¿Y si un cambio sale mal y lo ve un cliente? Para eso existe el preview. Vercel te da dos tipos de versión:
Preview
El borrador privado
Una URL aparte para revisar un cambio antes de que lo vea el mundo. Ideal para mostrárselo a tu jefe o probar en el celular. El público no la ve.
Producción
La web “de verdad”
La que vive en tu dominio y ve todo el mundo. Solo llega acá lo que vos aprobás. Lo demás se queda en preview.
La regla de oro de NoCoda
Nunca está terminada
El loop: mejorar la web con IA
Publicar no es el final: es el comienzo. Una web buena se mejora con datos, no con corazonadas. El ciclo es siempre el mismo: medís qué pasa, detectás el problema, le pedís la mejora a la IA y volvés a publicar. Clickeá cada etapa:
Medir
Mirás los datos reales: cuánta gente entra, de dónde viene y dónde se va.
Google Analytics: 800 visitas, pero solo 12 dejaron el formulario.
Y vuelta a empezar. Una web nunca está “terminada”: está viva.
La clave es darle a la IA los datos reales, no impresiones. Cuanto más concreto el número, mejor la solución:
Esta es mi landing de campaña de {{IEB / producto}} y tengo estos datos de Analytics de la última semana: - Visitas: {{800}} - Conversiones (formularios enviados): {{12}} ({{1,5}}%) - La mayoría entra desde {{Instagram, en celular}} - El mapa de calor muestra que {{el 70% se va antes de llegar al formulario}} Diagnosticá los 3 problemas más probables de conversión y proponé cambios concretos en la web (copy, orden de secciones, CTA, mobile) para subir esa tasa. Después implementá el cambio #1.
Medir es el módulo anterior
Antes de compartir la URL
Checklist de publicación
Antes de mandar el link a todo el mundo, repasá que el circuito esté completo y la web lista para recibir tráfico real:
¿Está todo para salir a la cancha?
0/7Y eso es todo el curso