Cómo crear un sitio web gratis con IA (sin saber programar)
Tutorial paso a paso para crear tu sitio web personal con blog usando Astro, GitHub y Cloudflare. Costo total: $399 MXN al año. Sin código, sin Framer, sin WordPress.
Llevaba tiempo queriendo un espacio propio en internet. No un perfil de Instagram, no un LinkedIn, no una plataforma donde soy el producto. Un lugar mío, donde pudiera escribir lo que quisiera, cuando quisiera, sin algoritmos decidiendo quién lo ve.
El problema: no soy desarrollador web. Trabajo en tecnología, pero en datos, no en diseño de páginas.
Al final lo resolví en una tarde, con una IA que escribió el código por mí. El costo total: $399 MXN al año — solo el dominio. Mientras tanto, Framer cobra ~$500 MXN al mes y Squarespace ~$250 MXN. En un año con Framer gastaría $6,000 MXN. Con este método gasté 15 veces menos.
Y no sacrifiqué nada. El sitio carga rápido, se ve bien en celular, tiene blog y formulario de contacto. Lo construí yo mismo. Bueno, yo y una IA.
Las herramientas
Este es el stack que usé (todo gratis excepto el dominio):
| Herramienta | Para qué | Costo |
|---|---|---|
| Astro | Generador de sitios estáticos | Gratis |
| GitHub | Guardar el código | Gratis |
| Cloudflare Pages | Hosting y publicación | Gratis |
| Google Forms | Captura de emails | Gratis |
| Cursor | Editor de código con IA | Gratis |
| Dominio | csaryepez.com | $399 MXN/año |
El dominio es opcional—podrías usar una dirección gratuita como tunombre.pages.dev.
El proceso
Aquí está el plot twist: no escribí casi nada del código.
Abrí Cursor, un editor con IA integrada, y empecé a conversar. Literalmente. Le expliqué qué quería:
“Quiero un sitio personal con blog. Dark theme, minimalista, que cargue rápido.”
Y la IA empezó a generar código.
Cuando algo no funcionaba, preguntaba “¿por qué?” y recibía explicaciones. Cuando quería cambios, los pedía en español normal: “haz el título más pequeño en móvil” o “quita el ícono de email”.
El proceso paso a paso:
- Yo explico qué quiero
- La IA genera código
- Veo el resultado en el navegador
- Pido ajustes
- Repetir
En unas horas tenía un sitio completo.
Problemas que tuve (y cómo los resolví)
No todo salió perfecto:
- El formulario de emails no funcionaba
- El diseño se veía mal en celular
- Conectar mi dominio tomó varios intentos
Pero cada problema lo resolvimos conversando con la IA. Yo describía el error, la IA proponía soluciones, probábamos hasta que funcionaba.
SEO (que Google te encuentre)
De nada sirve tener un sitio si nadie lo encuentra. Configurar SEO también lo hicimos conversando con la IA — sitemap, robots.txt, meta tags, Google Search Console. Todo suena técnico, pero la IA generó cada archivo y me explicó dónde ponerlo. En unos días, el sitio aparecía en búsquedas de Google.
Publicar contenido
Así publico un post:
- Escribo un archivo de texto (Markdown)
- Lo subo a GitHub
- En 60 segundos está publicado
Simple como debería ser.
El sitio existe. Funciona. Es mío. Me costó lo que cuesta un café al mes. Eso era todo el punto.
El prompt (si quieres hacer lo mismo)
Si llegaste hasta aquí, esto es lo que necesitas. Abre Cursor, crea una carpeta vacía, y pega esto:
Contexto: Quiero crear mi sitio web personal desde cero. No soy desarrollador, pero puedo seguir instrucciones y describir lo que quiero.
Objetivo: Un sitio personal con blog que sea rápido, minimalista, y me cueste $0 en hosting.
Stack que quiero usar:
- Astro (generador de sitios estáticos)
- GitHub (para guardar el código)
- Cloudflare Pages (para publicar gratis)
- Google Forms (para capturar emails, opcional)
Diseño:
- Dark theme (fondo oscuro)
- Tipografía limpia y legible
- Responsive (que se vea bien en celular)
- Minimalista, sin elementos innecesarios
Páginas que necesito:
- Inicio - presentación breve + últimos posts del blog
- Blog - lista de artículos
- Sobre mí - bio personal con algunas fotos
Contenido inicial:
- Mi nombre: [TU NOMBRE]
- Mi ubicación: [TU CIUDAD]
- Descripción corta: [UNA LÍNEA SOBRE TI]
- Redes sociales: [TUS LINKS]
Guíame paso a paso. Explícame cada decisión brevemente. Si algo falla, ayúdame a debuggearlo. Al final quiero poder escribir posts en archivos de texto simple y que se publiquen automáticamente.
Empieza por: Inicializar el proyecto de Astro y explicarme la estructura de carpetas.
Personaliza los campos entre [corchetes] y listo.