Hice una web con ayuda de la inteligencia artificial

Me prometieron una web en diez minutos y sin saber programar. La portada, efectivamente, salió en una tarde. Lo que vino después, del dominio a los textos legales, me llevó bastante más, y eso es lo que cuento aquí.

Seguro que lo has visto. Un vídeo con una miniatura de cara sorprendida, un título del tipo "crea tu web con inteligencia artificial en minutos y sin programar" y, a los pocos minutos, una portada preciosa en pantalla: foto de fondo, un eslogan, tres tarjetas con iconos y un botón de "contacta". Fin del vídeo.

Lo que enseñan es verdad: esa portada sale. Lo que no enseñan es qué pasa cuando quieres que esa portada la vea alguien que no seas tú, que reciba mensajes, que cumpla la ley y que siga funcionando dentro de seis meses.

Así que me tomé la promesa al pie de la letra: hago la web tal cual y cuento también lo que pasa cuando la quieres publicar de verdad. Para que no quede en teoría, la web existe y puedes verla aquí: iarealcases.com.

La web era esta misma, la de AI Real Cases: un blog sencillo para ir guardando lo que aprendo, con portada, listado de artículos, página de cada artículo, una página "Sobre el proyecto" y un formulario de contacto. Parte de ficheros markdown, pero no es una web estática sin más: tiene búsqueda, comentarios y boletín.

Para crear una página web con inteligencia artificial hay, a grandes rasgos, tres caminos. El constructor de webs con IA incorporada: lo más fácil, pero la web vive dentro de su plataforma y con sus reglas. El chat, como ChatGPT o Claude: te da el código, pero tienes que saber dónde ponerlo. Y el asistente de programación, que crea el proyecto entero en tu ordenador: más control, algo más de curva.

Me metí en el tercero, con Claude Code, que es el asistente de programación de Anthropic: un Claude que trabaja directamente sobre los archivos de tu ordenador, los crea, los cambia y ejecuta órdenes. Trabajo sobre todo con Claude y ya lo usaba para otras cosas, así que era lo natural.

Mi nivel de partida, sin adornos: había tocado HTML hace muchos años, sabía lo que era un servidor porque tengo unos cuantos, pero nunca había montado una web moderna desde cero.

El primer encargo fue un párrafo, como se lo explicaría a un amigo. Más o menos esto: "Quiero un blog sencillo y rápido para contar casos reales de uso de la inteligencia artificial. Portada con los últimos artículos, página de cada artículo, página "Sobre el proyecto" y contacto. Estilo sobrio, que se lea bien en el móvil, sin florituras. Los artículos los escribo en markdown y quiero que la web se genere a partir de esos ficheros".

La primera versión llegó en unos veinte minutos, y la tuve funcionando en mi ordenador en menos de una hora, contando el rato que pasé mirándola embobado. Tenía portada, plantilla de artículo, menú, pie de página y una adaptación al móvil bastante decente.

Aquí tengo que confesar algo. Durante un buen rato hice vibe coding, que es programar hablando con la inteligencia artificial: le dices lo que quieres en lenguaje normal, ella escribe el código, lo pruebas y le pides cambios, casi sin leer lo que genera. El término lo acuñó Andrej Karpathy, uno de los fundadores de OpenAI, a principios de 2025. Y sí, me dejé llevar. "Pon el título más grande." "Ahora el menú a la derecha." "Que el modo oscuro se active solo."

Lo que me sorprendió para bien fue el cuidado con los detalles que yo no había pedido: tipografía legible, márgenes razonables, un tamaño de letra que no te obliga a hacer zoom en el móvil y una página de error 404 con un mensaje simpático.

Si la historia acabara aquí, el vídeo de los diez minutos tendría razón. Pero no acaba aquí.

Los tropiezos llegaron en cuanto empecé a pedir cosas concretas.

El primero: le pedí que los artículos se ordenaran por fecha y los ordenó por nombre de fichero; como mis ficheros empiezan por número, parecía que funcionaba, hasta que publiqué uno con fecha anterior y apareció el primero. El segundo, el clásico: al arreglar el menú del móvil rompió el de escritorio, y al arreglar el de escritorio volvió a romper el del móvil; tres vueltas hasta que le pedí que me explicara por qué pasaba. El tercero: las imágenes de los artículos, que en local se veían y al generar la web desaparecían por un problema de rutas; se lo pedí tres veces con palabras distintas.

En total, esta fase se comió unas seis horas repartidas en tres tardes. Bastante más que la primera versión.

La lección práctica es sencilla, aunque me costó aprenderla: pedir por partes, un cambio cada vez; revisar cada cambio antes de pedir el siguiente; y guardar versiones para poder volver atrás. Para lo último uso control de versiones, que es un historial del proyecto donde cada cambio queda guardado y se puede deshacer. El día que lo empecé a usar en serio dejé de tener miedo a pedir cosas.

Un aviso de seguridad, sin dramatizar. El vibe coding puede colar cosas que no deberían estar, como contraseñas o claves de acceso escritas dentro del código. A mí me pasó en esta misma web: la clave del servicio de correo del formulario acabó escrita a la vista en el código, y no me enteré hasta que, ya publicada, le pedí a Claude una revisión de seguridad. Es un riesgo real, y la razón por la que ahora sí leo lo que toca a claves, correos y formularios.

Tener la web en tu ordenador no es tenerla publicada. Parece obvio, y aun así es donde más gente se queda.

Tres palabras que conviene tener claras. El dominio es la dirección, lo que la gente escribe en el navegador. El alojamiento (o hosting) es el ordenador donde vive la web, encendido siempre y conectado a internet. Y el despliegue es el acto de llevar tu web del ordenador de casa a ese alojamiento, cada vez que cambias algo.

Mis elecciones: el dominio lo registré en un registrador europeo de los habituales. El alojamiento es uno de mis VPS, que ya tenía en marcha para otras cosas; un VPS es un trozo de un servidor grande que alquilas. Y el despliegue lo hace un pequeño guion que genera la web y sube los ficheros con un solo comando, que por supuesto escribió Claude Code a petición mía.

Dónde me atasqué: en el certificado de seguridad, el candado del navegador; la web cargaba, pero el navegador avisaba de que no era segura, y tardé una tarde entera en entender que el problema estaba en cómo apuntaba el dominio al servidor.

¿Se puede crear una web con inteligencia artificial gratis? Se puede empezar gratis. Hay planes gratuitos en los asistentes y alojamientos gratuitos para webs sencillas, sobre todo si aceptas una dirección del tipo tuweb.plataforma.com. Pero el dominio propio cuesta dinero, aunque sea poco, y el tiempo no es gratis para nadie.

El formulario de contacto parece la parte más tonta de una web. No lo es. Hay que decidir adónde llegan los mensajes, cómo se envían sin dejar la contraseña del correo a la vista y qué haces con el correo no deseado, que llega antes que el primer mensaje de verdad. Lo resolví con un servicio que recibe el formulario y me lo reenvía al correo, y lo probé mandándome una docena de mensajes desde el móvil y desde otro ordenador. Lo que no hice fue pedir ninguna protección contra los robots, y el asistente no la puso por su cuenta. Al tercer día de publicar ya estaban llegando los primeros mensajes basura.

Después vienen las cookies, el aviso legal, la política de privacidad y el RGPD, el reglamento europeo de protección de datos. Tuve que poner aviso legal, política de privacidad, política de cookies y una casilla de aceptación en el formulario. La información la saqué de las guías de la Agencia Española de Protección de Datos y de comparar textos de webs parecidas. No te voy a dar consejo legal porque no soy quién; lo que sé de este tema lo cuento en ¿Es legal lo que hago con la inteligencia artificial?.

Una cosa sí te digo: la herramienta me ayudó a redactar esos textos, pero la responsabilidad es mía. Si el texto está mal, el que responde soy yo, no el asistente.

Para no perder la web si algo se rompe, el proyecto entero está en control de versiones con copia en otro servidor, y el VPS tiene copia automática diaria. Mantenerla me lleva una o dos horas al mes: actualizaciones, revisar el formulario, alguna corrección.

Lo curioso llega cuando quieres cambiar algo meses después. Ya no recuerdas cómo estaba hecho, porque en realidad nunca lo supiste del todo. Aquí el vibe coding te pasa factura: tienes que volver a pedirle al asistente que te explique tu propia web. Los problemas que vinieron después de publicar los cuento en Por dónde me vinieron los golpes al publicar la web.

Lo que hay de verdad en la promesa: el diseño y el código salen rápido, muy rápido. Lo que es humo: todo lo demás. La parte bonita fue una hora de dieciséis.

Una frase para cada perfil. Si eres pequeño empresario sin nadie técnico, puedes sacar la primera versión tú solo, pero para publicarla y dejar bien lo legal te conviene pedir ayuda. Si eres directivo de pyme, úsalo para prototipar y enseñar lo que quieres; no lo confundas con tener la web lista. Si eres desarrollador que empieza, es un acelerador enorme, siempre que leas lo que genera.

Mi recomendación para empezar: algo pequeño, en una carpeta de pruebas. Una web que no importe si se rompe.