
Del HTML a Astro: cómo construí este blog
Hoy te cuento la historia técnica detrás de NeoByte. No soy un desarrollador de carrera, pero sí alguien que lleva tiempo construyendo webs, y este blog es el resultado de aprender de mis propios errores.
Mis comienzos: HTML a mano
Empecé como todos: escribiendo HTML a mano, una página a la vez. Funciona, pero tiene un problema enorme: el contenido y el diseño van en el mismo archivo. Si quería cambiar el menú, lo cambiaba en todas las páginas. Si quería añadir un artículo, copiaba y pegaba el diseño. Con tres páginas era un fastidio; con treinta, un dolor de cabeza.
Lo que necesitaba
Con la idea del blog claro, mis requisitos eran:
- Escribir contenido fácil: en Markdown, no peleándome con etiquetas HTML.
- Separar diseño de contenido: cambiar el tema sin tocar los artículos.
- Velocidad: un blog debe cargar al instante.
- Cosas que no quiero configurar a mano: RSS, sitemap, optimización de imágenes.
Por qué Astro
Astro cumple todo eso de forma sencilla:
- Content collections: defino un esquema y cada artículo nuevo es un archivo Markdown que se valida solo. Si me olvido de un campo, el build me avisa.
- Componentes: el header, el footer y las tarjetas son componentes reutilizables. Cambio el diseño una vez y se actualiza en todas las páginas.
- Rendimiento: genera sitios estáticos. Casi sin JavaScript, carga rapidísimo.
- Integraciones: el RSS, el sitemap y la optimización de imágenes vienen listos.
El resultado
El flujo de publicar pasó de “copiar y pegar HTML” a esto:
- Escribo el artículo en Markdown.
- Lo guardo en
src/content/blog/. - Ejecuto
npm run buildy, si todo está bien, listo.
Nada de maquetar cada post. El diseño vive en las plantillas, el contenido en los archivos Markdown, y los dos colaboran sin mezclarse.
Lo que aprendí
- El framework correcto es el que te quita trabajo, no el que te lo añade. Astro elimina justo la parte tediosa de un blog.
- No hace falta ser experto: con leer la documentación y probar, saqué esto adelante.
- La separación de contenido y diseño es la lección más valiosa que me llevé de todo el proceso.
Si te pica la curiosidad por cómo funciona un blog de contenido, mira el artículo sobre separar contenido y diseño. ¿Y tú? ¿Qué web te gustaría montar?