# Construir tu primer sitio

> Claude Code · Sitios web
> Fuente: https://magoallegri.com/cursos/claude-code/sitios-web/construir-tu-primer-sitio

---

Vamos a construir. Abrí Claude Code en una **carpeta nueva y vacía**, elegí uno de los prompts de abajo, pegalo y mirá cómo aparece tu sitio en la preview.

![El chat a la izquierda y la preview en vivo del sitio a la derecha](../_assets/M03-L01-preview-al-lado.webp)

---

## Elegí un punto de partida

### Sitio de un negocio (una pantalla)

```
Construí un sitio web limpio de una sola pantalla para mi [TIPO DE NEGOCIO]
llamado [NOMBRE]. Público: [QUIÉN]. Secciones: un hero con un titular enfocado en
el resultado + un botón "Reservá ahora", cómo funciona en 3 pasos, precios simples
en 3 planes, y un formulario de contacto. Tono: [2 o 3 palabras]. Moderno, rápido,
pensado para celular primero. Mostrame la preview en vivo.
```

### Sitio de portfolio personal

```
Creá un sitio de portfolio de una pantalla: una intro grande con mi nombre + qué
hago, una grilla de 3 proyectos (imágenes de relleno está bien), un "sobre mí"
corto y un botón de contacto. Minimalista, con mucho espacio en blanco, modo
oscuro. Mostrame la preview a medida que lo armás.
```

![Dos puntos de partida: sitio de un negocio o portfolio personal](../_assets/M03-L01-dos-puntos-de-partida.webp)

---

## Ahora corré el loop

Mirá la preview y decí en palabras qué está mal. No intentes "tocar el código":

- *"El hero es muy chico, hacelo más grande."*
- *"Cambiá el orden: la sección 2 y la 3 al revés."*
- *"Colores más cálidos."*

Repetí. Es normal dar **5 a 10 vueltas**. Eso es el workflow, no un problema.

---

## 💡 Tres cosas para tener en cuenta

- **Describí el arreglo, no intentes programarlo.** "Los botones se sienten apretados" funciona perfecto.
- **Pedí la preview cuando quieras**: *"abrí la preview en vivo para que la vea"*.
- **Un cambio por vez.** Pedí una cosa, miralo, pedí la siguiente.

---

## 🟢 Mini-tarea

Construí un sitio (el tuyo, el de un negocio conocido, o uno inventado) y corré el loop al menos **5 veces**. Todavía no lo publiques: en las próximas lecciones lo hacemos ver profesional y lo subimos a internet.