IEB+Capacitación · Desarrollo Web
Todos los módulos
10

Publicación y mantenimiento

De tu compu a internet en minutos. El circuito de publicación, dominios, y el loop para seguir mejorando la web con IA.

20 minGitHubVercelCloudflareDominiosActualizacionesCómo seguir mejorando una web con IA

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

GitHub, Vercel, Cloudflare suenan técnicos, pero vos no vas a programar nada. La IA arma el proyecto; vos solo tenés que entender el circuito para pedir bien y saber qué está pasando. Es un trámite de configuración, no de código.

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

GitHub guarda el código → Vercel lo convierte en web → el dominio le pone tu marca. Una vez enchufado, vos solo subís cambios y el resto se actualiza solo.

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:

primera vez — conectar el proyecto a GitHub
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 GitHub

Traducción rápida

commit = una foto del proyecto con un mensaje que explica qué cambiaste. push = subir esas fotos a la nube (GitHub). Eso es el 90% de lo que vas a usar.

Si te trabás, la IA es tu copiloto de terminal. Pegale el error tal cual y pedile el comando exacto:

Prompt para destrabar Git
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:

publicar con la CLI de Vercel (opcional)
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

Apenas conectás, Vercel te da una dirección tipo 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:

Prompt para conectar Vercel
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.

registros DNS típicos (Vercel te dicta los valores exactos)
# 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.com

El DNS tarda un rato

Después de cargar los registros, internet puede tardar de unos minutos a un par de horas en “enterarse” del cambio (se llama propagación). Si tu dominio todavía no abre, no rompiste nada: esperá y volvé a probar.
Prompt para conectar el dominio
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.

actualizar la web ya publicada
git add .
git commit -m "Cambié el titular del hero y agregué testimonios"
git push   # ← esto solo dispara un deploy automático en Vercel

push = deploy

Tres comandos (que la IA corre por vos) y tu cambio está online. Sin llamar a nadie, sin esperar a “el de sistemas”. Esa autonomía es el punto de todo el curso.

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

Probá en preview primero, siempre. Recién cuando estás conforme, lo pasás a producción. Así nunca rompés la web que está en la calle.

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:

Prompt para mejorar con datos
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

Para tener estos números necesitás Google Analytics o el Meta Pixel conectados. Eso lo viste en Integraciones (módulo 08). Sin medición, este loop no arranca.

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/7

Y eso es todo el curso

Pasaste de “quiero una web” a una web online, con tu marca, midiendo y lista para mejorar sola con IA. De acá en adelante, el límite es lo que te animes a pedir.