Hay proyectos que maduran durante meses en silencio, y proyectos que nacen de golpe. NeoByte fue de los segundos: en un solo día pasó de ser una idea en mi cabeza a una web publicada en internet. Este es el proceso, sin adornos.

El punto de partida

La idea era clara: quería un blog propio, con estética cyberpunk, rápido, y que no dependiera de ninguna plataforma. Las restricciones también:

• Sin servidor que mantener — el sitio debía ser estático.
• Publicar sin fricción — escribir un artículo tenía que ser tan fácil como crear un archivo.
• Listo hoy — no valía un proyecto que tardara semanas.

La mañana: elegir las herramientas

La primera decisión fue el framework. Comparé opciones y me quedé con Astro porque:

• Genera sitios estáticos ultrarápidos.
• Es perfecto para blogs: content collections, RSS y sitemap incluidos.
• Se escribe el contenido en Markdown, sin tocar HTML.

Para el tema visual usé CSS puro: paleta cian/magenta, tipografías Orbitron y Share Tech Mono, y efectos de neón con box-shadow y text-shadow. Nada de frameworks de CSS: el control total es más fácil de mantener.

El mediodía: construir el esqueleto

Con npm create astro@latest -- --template blog tuve la base en un minuto. Después fui moldeando la estructura:

src/
├── assets/        # imágenes y SVG del tema
├── components/    # Header, Footer, tarjetas...
├── content/blog/  # los artículos en Markdown
├── layouts/       # plantillas de página
└── pages/         # portada, categorías, blog

Cada sección del blog (IA, Web, Ajedrez) es una página propia. Y cada artículo se etiqueta con una categoría, de forma que aparece automáticamente en su sección. Eso me ahorra reorganizar el sitio a mano cada vez que publico.

La tarde: el contenido y las imágenes

Con la estructura lista, tocaba lo que la gente ve de verdad: el contenido y el diseño.

• Escribí los textos pensando en ti: no quería contenido relleno, sino artículos con sustancia.
• Creé los SVG de portada y tarjetas con el estilo del tema. El truco: todos usan la misma paleta y el mismo lenguaje visual, así la web se siente coherente.
• Configuré el RSS y el sitemap: Astro los genera solos desde el contenido.

Mi regla con la IA: es mi copiloto, no la autopilota. Me ayudó a estructurar el código y pulir el texto, pero revisé y entendí cada parte antes de seguir.

La noche: el deploy

El último paso era el más emocionante: subir el sitio a internet. Con Git guardé el proyecto en un repositorio, y conecté el repositorio con una plataforma de hosting estático.

El flujo quedó así:

1. npm run build para compilar el sitio.
2. git add . && git commit para guardar los cambios.
3. git push para enviarlos al repositorio.
4. La plataforma detecta el push y publica la web automáticamente.

¿El resultado? Cero servidores, cero bases de datos, cero costes de mantenimiento. Cada git push es una publicación.

Lo que aprendí

• Empieza pequeño: un blog no necesita doce secciones el primer día. Necesita una base sólida y ganas de publicar.
• El contenido manda: por muy bonito que sea el tema, la gente vuelve por lo que escribes.
• El deploy no da miedo: con un sitio estático, publicar es tan fácil como hacer un git push.

Y ahora

Este es solo el principio. El sitio ya está en producción y listo para crecer. Si quieres seguir el camino, el feed RSS te avisa de cada artículo nuevo.

¿Tienes una idea que llevas tiempo posponiendo? El mejor momento para publicarla fue ayer. El segundo mejor, hoy.