Construyendo mi sitio web desde cero
Cómo construí este sitio por 399 pesos al año mientras Framer cobra 6,000. El proceso completo, los errores, y por qué la IA cambió todo.
399 pesos al año.
Eso es lo que cuesta mantener este sitio. El precio de un dominio.
Mientras tanto, Framer cobra ~500 pesos al mes. Squarespace ~250. WordPress hosting ~150. Todas opciones válidas, pero todas con un costo recurrente que se acumula.
En un año con Framer gastaría 6,000 pesos. Con este método gasté 399.
Eso es 15 veces menos.
Y no sacrifiqué nada. El sitio es rápido, profesional, responsive, con formulario de contacto funcional y deploy automático. Tengo control total del código y el contenido.
¿La diferencia? Lo construí yo mismo. Bueno, yo y una IA.
La idea
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 frontend. Trabajo en tecnología, pero en data, no en CSS. La última vez que hice una página web usé tablas de HTML y era 2008.
Las opciones “fáciles”
Investigué las opciones típicas:
| Plataforma | Costo anual |
|---|---|
| Framer | ~6,000 MXN |
| Squarespace | ~3,000 MXN |
| Wix | ~2,400 MXN |
| WordPress.com | ~1,800 MXN |
Todas prometen “fácil y rápido”. Y es verdad. Pero también prometen una factura mensual para siempre.
Me pregunté: ¿realmente necesito pagar 500 pesos al mes para mostrar texto e imágenes en internet?
La respuesta es no.
El stack que usé
| Herramienta | Para qué | Costo |
|---|---|---|
| Astro | Generador de sitios estáticos | Gratis |
| GitHub | Repositorio de código | Gratis |
| Cloudflare Pages | Hosting + CDN global | Gratis |
| Google Forms | Captura de emails | Gratis |
| Cursor | Editor con IA integrada | Gratis |
| Dominio | csaryepez.com | 399 MXN/año |
Todo gratis excepto el dominio. Y el dominio es opcional—podrías usar tunombre.pages.dev gratis.
Cómo lo construí (sin saber frontend)
Aquí está el plot twist: no escribí casi nada del código.
Abrí Cursor, el 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. Astro para el framework, Cloudflare para hosting. Un formulario para capturar emails con Google Forms.”
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 del header”.
El proceso fue iterativo:
- Yo explico qué quiero
- La IA genera código
- Veo el resultado
- Pido ajustes
- Repetir
En unas horas tenía un sitio completo.
Los problemas que encontramos
No todo salió perfecto a la primera. Algunos highlights:
El formulario no guardaba emails. Google Forms tiene IDs específicos para cada campo. Usamos el ID incorrecto. Tuve que inspeccionar el código fuente del Form para encontrar el correcto.
El diseño se veía horrible en móvil. Los títulos eran enormes, el texto ilegible. Reescribimos todo el CSS con enfoque “mobile-first”—diseñar primero para pantallas pequeñas.
El deploy falló en Cloudflare. Accidentalmente creé un “Worker” en lugar de un proyecto “Pages”. Error de novato. Borré y volví a empezar.
El dominio no conectaba. Mi dominio estaba en WordPress.com y la configuración DNS fue confusa. Tomó unos intentos configurar los CNAMEs correctamente.
Cada problema lo resolvimos conversando. Yo describía el error, la IA proponía soluciones, probábamos hasta que funcionaba.
El resultado
Un sitio que:
- Carga en menos de 1 segundo
- Funciona perfecto en móvil
- Tiene blog con Markdown (escribo posts en archivos de texto)
- Captura emails sin servicios de pago
- Se actualiza automáticamente con cada
git push - Me costó 399 pesos al año
Lo que esto significa
Hace 5 años, construir algo así hubiera requerido semanas de aprendizaje. O pagar a un desarrollador. O resignarse a pagar una suscripción mensual.
Hoy lo hice en una tarde.
No porque sea genio. Porque la IA eliminó las barreras técnicas. Me permitió enfocarme en qué quería crear, no en cómo funcionan las herramientas.
Esto es lo que significa democratizar la tecnología. No es que la IA haga todo por ti—todavía necesitas saber qué quieres y tomar decisiones. Pero el conocimiento técnico específico ya no es el cuello de botella.
Si sabes lo que quieres y puedes describirlo, puedes construirlo.
Mi flujo de trabajo actual
Así publico contenido ahora:
1. Escribo un archivo .md
2. git push
3. En 60 segundos está liveSin CMS. Sin base de datos. Sin panel de admin. Solo archivos de texto.
Simple como debería ser.
El sitio existe. Funciona. Es mío. Y me costó lo que cuesta un café al mes.
Eso era todo el punto.
¿Preguntas sobre cómo replicar esto? Déjame tu email arriba. Cuando tenga algo útil que compartir, te aviso.
