Cómo crear tu web entera con Claude Code desde cero

Hacer una web con Claude Code no se parece a hacerla con un constructor de páginas. No arrastras bloques. Le cuentas lo que quieres y él escribe los archivos.

Suena raro hasta que lo haces una vez. Después ya no quieres volver.

Te cuento el proceso entero, desde una carpeta vacía hasta la web funcionando con su dominio. Con los sitios donde te vas a atascar, que son siempre los mismos.

¿Cuánto se tarda en hacer una web con Claude Code?

Una web sencilla de presentación, con su portada, su página de servicios y su formulario de contacto, la tienes funcionando en una tarde. Publicada, con dominio, sin trampa.

Eso si es la primera vez. Cuando ya has hecho dos o tres, es cosa de un par de horas.

Lo que se lleva el tiempo no es escribir el código. Eso lo hace él en minutos. El tiempo se va en decidir qué quieres, en revisar lo que ha salido y en las tres o cuatro vueltas de "esto no, ponlo de esta otra manera". O sea, en lo mismo que se te iría con un diseñador, pero con respuestas en treinta segundos.

Si todavía no lo tienes instalado, empieza por la guía de Claude Code para no programadores y vuelve aquí cuando lo tengas abierto.

Paso 1: la carpeta y el contexto

Creas una carpeta en tu ordenador con el nombre de tu proyecto. Abres la terminal ahí dentro y escribes claude.

Lo primero que hago siempre, antes de pedirle nada, es contarle qué vamos a construir. No un prompt de dos líneas. Un texto largo: de qué va el negocio, quién va a entrar en la web, qué tiene que conseguir cada página, qué tono quiero y qué cosas odio.

Luego le digo que guarde todo eso en su archivo de instrucciones con el comando /init. A partir de ahí, cada vez que abra Claude en esa carpeta, se lo lee antes de tocar nada.

Esto es lo que más diferencia un resultado decente de un churro genérico. El modelo es el mismo para todos. Lo que cambia es lo que sabe de ti.

Paso 2: elegir con qué se construye (y no marearte)

Aquí es donde la gente se bloquea preguntando por tecnologías. No hagas eso. Pregúntale a él.

Yo le digo literalmente: "quiero una web de presentación, rápida, que pueda editar textos fácilmente y que sea barata de mantener. Recomiéndame una opción y explícame por qué, en español de andar por casa".

Te va a proponer algo. Le dices que sí. No necesitas entender la respuesta para que funcione, igual que no necesitas saber cómo va un motor de combustión para conducir.

Un consejo: pídele que lo monte "lo más simple posible". Los modelos tienden a montar catedrales cuando les pides una caseta. Si no se lo dices, te mete media docena de dependencias que no vas a usar nunca.

Paso 3: página a página, no todo de golpe

El error clásico es decirle "hazme la web entera". Te la hace, sí, pero luego tienes un montón de cosas que revisar a la vez y no sabes qué tocar.

Se hace por trozos:

1. "Monta la estructura del proyecto y una portada vacía con la cabecera y el pie." 2. "Ahora la portada: sección principal con este titular, tres bloques de beneficios y un botón que lleve a contacto." 3. "Ahora la página de servicios con estas tres tarjetas." 4. "Ahora el formulario de contacto que me envíe los mensajes al correo."

Después de cada paso, lo miras en el navegador. Él te dice cómo arrancar la vista previa en local, normalmente una dirección tipo localhost que abres y ya está.

Cuando algo no te guste, se lo dices en cristiano: "el titular es demasiado grande en el móvil", "quita esa sombra", "los bloques que vayan en dos columnas en pantalla ancha y en una en móvil". No hace falta que sepas los nombres técnicos.

Paso 4: los textos los escribes tú (o casi)

Puedes pedirle que redacte los textos y te los va a escribir. Van a sonar a folleto. Todos.

Lo que a mí me funciona: le doy mis textos en bruto, tal y como los diría hablando, y le pido que los coloque en la maqueta sin cambiarme la voz. Si algo me chirría, le pido tres versiones de esa frase concreta y elijo.

La web es tuya. Si suena a plantilla, la gente lo nota aunque no sepa explicar por qué.

Paso 5: publicarla

Tienes la web funcionando en tu ordenador. Eso no la ve nadie todavía. Hay que subirla a un sitio.

Para una web así, lo más cómodo es Netlify. Te haces una cuenta, conectas el proyecto y cada vez que cambies algo se publica solo. El plan gratuito da de sobra para una web personal o de un negocio pequeño.

Aquí Claude Code te acompaña también: le dices "quiero publicar esto en Netlify, dime exactamente qué hacer paso a paso" y te va guiando, incluidos los comandos que hay que ejecutar. Si te da miedo tocar la terminal, le puedes pedir que los ejecute él y que te vaya explicando qué hace cada uno.

El dominio se compra donde quieras y se apunta al hosting desde el panel. Son dos ajustes de DNS y una espera de un rato hasta que el cambio se propaga. Si prefieres alojarlo en tu propio servidor, ese camino lo tienes en la guía de desplegar la web en un servidor con Claude Code.

Lo que se te va a atascar

Le pides un cambio y te rompe otra cosa. Pasa. Sobre todo cuando llevas muchas vueltas encima del mismo archivo. La solución es guardar versiones a menudo, decirle desde el principio que use control de versiones y aprender una sola cosa: cómo volver atrás. Con eso duermes tranquilo.

La conversación se alarga y empieza a divagar. Cuando lleva mucho rato, el hilo se llena de ruido y se pone tonto. /clear y empiezas conversación nueva. No pierdes nada, porque lo importante está en los archivos y en su manual de proyecto.

Se inventa dependencias o versiones. De vez en cuando te mete una librería que no hace falta o una versión que no existe. Si algo peta al instalar, cópiale el error entero y pégaselo. Se corrige solo casi siempre.

El móvil. Todo se ve precioso en tu pantalla grande y luego en el teléfono está roto. Revisa cada página en móvil según la vas haciendo, no al final.

Los formularios. Es lo que más da guerra. Un formulario necesita algo que reciba los datos al otro lado. Netlify trae uno incluido y para la mayoría de casos es suficiente. No te montes un servidor entero para recibir cuatro correos.

Y ahora qué

Empieza pequeño: una sola página, con tu nombre, lo que haces y un botón para escribirte. Publícala. Que exista.

Cuando la tengas en internet con su dominio, el resto es ir añadiendo. Y lo vas a hacer mucho más rápido de lo que crees, porque la primera vez pagas el peaje de aprender el proceso y las siguientes ya no. Si luego quieres montar también el blog encima, lo tienes explicado en crear un blog desde cero con Claude Code.

Algunos enlaces de este artículo son de afiliado: si contratas la herramienta, me llevo una comisión sin que a ti te cueste más.

Si quieres el camino completo, ordenado y sin dar tumbos, lo tengo montado en un curso donde se hace una web entera de principio a fin.

Ver el curso Crea tu web con Claude Code