Cómo estoy construyendo este blog con Astro e IA
Hola, soy c1sk0. Este es el primer artículo de NeoByte y quiero contarte cómo nació este blog: un proyecto hecho con Astro y un montón de ayuda de inteligencia artificial.
La idea
Quería un espacio propio en internet con estética cyberpunk: fondo oscuro, neón cian y magenta, tipografías retro-futuristas. También quería que fuera rápido, fácil de actualizar y que no dependiera de ninguna plataforma.
Por qué Astro
Después de comparar opciones, elegí Astro porque:
- Genera sitios estáticos ultrarápidos.
- Escribir artículos en Markdown es muy sencillo.
- Usa content collections para validar las entradas con un esquema.
- Incluye RSS, sitemap y optimización de imágenes listos para usar.
Con Astro, cada entrada nueva es simplemente un archivo .md dentro de la carpeta
src/content/blog/:
---
title: 'Título del artículo'
description: 'Breve resumen'
pubDate: 'Aug 15 2026'
---
Contenido del artículo...
El papel de la IA
La parte más divertida del proyecto fue usar inteligencia artificial en casi todo el proceso:
- Generar la estructura inicial: el esqueleto del sitio y la configuración.
- Diseñar el tema cyberpunk: paleta de colores, tipografías (Orbitron y Share Tech Mono) y los efectos de neón y glitch.
- Crear las imágenes: los banners y las tarjetas de la portada son SVG generados con ayuda de la IA.
- Redactar el contenido: yo pongo la personalidad y la IA me ayuda a pulir el texto.
Mi regla de oro: la IA es mi copiloto, no la autopilota. Entiendo cada parte del código antes de publicarla, y así aprendo por el camino.
Un flujo de trabajo simple
Mi rutina para publicar es:
- Escribo la idea o el borrador del artículo.
- Me apoyo en un chatbot para estructurar y mejorar el texto.
- Creo el archivo
.mdcon la plantilla. - Reviso el resultado en local con
npm run dev. - Compilo con
npm run buildy lo despliego.
Qué viene ahora
Este es solo el punto de partida. En los próximos artículos quiero hablar de herramientas de IA, trucos de desarrollo web y de cómo el ajedrez me ayuda a pensar mejor cuando programo.
Si te gusta lo que ves, vuelve pronto o suscríbete al feed RSS. ¡Nos vemos en la próxima entrada!