De cero a tu primera página web con Claude Code (sin saber programar)

Vas a construir una página web describiéndola con palabras y a publicarla gratis en internet. Sin escribir código a mano. Toca cada paso para abrirlo.

Antes de empezar: necesitas tener listos Claude Code (guía) y una cuenta de GitHub (guía).

1 Crea la carpeta de tu proyecto

Crea una carpeta nueva en tu computadora (ej. mi-primera-web).
En VS Code: Archivo → Abrir carpeta y elige esa carpeta.
Abre Claude Code con su ícono (✳).

2 Pídele a Claude que la cree

Escríbele algo concreto, por ejemplo:

“Crea una página web sencilla de presentación personal: mi nombre, una frase sobre mí, una foto y un botón para contactarme. Que se vea moderna y funcione en celular. Explícame qué archivos creaste.”

Claude te mostrará lo que va a hacer. Revísalo y acepta. Pídele cambios las veces que quieras (“hazla con fondo oscuro”, “agrega mis redes”).

3 Pruébala en tu compu

Pídele a Claude: “¿Cómo la veo en mi navegador?” y sigue lo que te diga (normalmente ejecuta un comando y te da un enlace tipo localhost). Ábrelo y revisa tu página. Si algo no te gusta, pídele el cambio y vuelve a mirar.

4 Guárdala en GitHub

Dile a Claude: “Sube esto a un repositorio nuevo en mi GitHub”, o hazlo tú desde Control de código fuente → Publish to GitHub (cómo). Así tu trabajo queda guardado y listo para publicar.

5 Publícala gratis en internet

Entra a https://vercel.com y crea una cuenta con tu GitHub (un clic).
Aprieta “Add New → Project” e importa el repositorio que acabas de subir.
Aprieta “Deploy”. En ~1 minuto tendrás un enlace público (ej. tu-proyecto.vercel.app).

🎉 Desde ahora, cada vez que subas un cambio a GitHub, tu web se actualiza sola.

Si algo sale mal

Problema	Solución
No sé cómo verla	Pídele a Claude: “ejecútala y dame el enlace para verla”
Salió un error rojo	Copia el error y pégaselo a Claude tal cual; lo arregla
Vercel no encuentra mi repo	Revisa que lo subiste a GitHub (Paso 4)