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:

  1. Escribo la idea o el borrador del artículo.
  2. Me apoyo en un chatbot para estructurar y mejorar el texto.
  3. Creo el archivo .md con la plantilla.
  4. Reviso el resultado en local con npm run dev.
  5. Compilo con npm run build y 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!