La web está desarrollada con el framework Astro, una tecnología enfocada en la generación de sitios estáticos optimizados y de alto rendimiento. Astro permite construir interfaces modernas usando componentes y renderizar el contenido de forma eficiente, entregando al navegador únicamente el HTML necesario, sin dependencias innecesarias de JavaScript cuando no se requieren, lo que reduce drásticamente los tiempos de carga y mejora la experiencia del usuario final.

---

Estructura y funcionamiento del proyecto

La arquitectura del proyecto está diseñada para mantener la máxima simplicidad en el mantenimiento del contenido, al mismo tiempo que se aprovechan tecnologías modernas de desarrollo web. La funcionalidad del sitio se distribuye en dos grandes bloques: el código fuente y el contenido dinámico estructurado.

1. Tecnología base: Astro

El motor del sitio es el framework Astro, cuya principal característica es la generación de sitios estáticos (Static Site Generation - SSG). Esto quiere decir que todo el contenido del sitio es procesado y compilado antes de ser publicado, en lugar de ser generado dinámicamente cada vez que alguien accede a una página. Esto ofrece una gran cantidad de ventajas:

• Velocidad de carga extremadamente alta, ya que el HTML estático se entrega directamente desde la red CDN.
• Mayor seguridad, ya que no hay lógica de servidor que pueda ser explotada.
• Mantenimiento sencillo, al estar separado el contenido del diseño.
• Compatibilidad con múltiples frameworks, en caso de que se desee ampliar el proyecto (por ejemplo, integración de componentes de React, Vue, Svelte, etc.).

2. Gestión del contenido

Todo el contenido editable del sitio está almacenado en archivos JSON. Estos archivos funcionan como la “fuente de verdad” de la información que se muestra en la web. En lugar de modificar archivos HTML o código fuente, basta con editar estos archivos estructurados para cambiar títulos, descripciones, rutas de navegación, entradas de blog, galerías, enlaces u otro tipo de datos visibles.

Esto proporciona una gran ventaja para usuarios no técnicos, ya que no es necesario tener conocimientos de programación para actualizar la información del sitio.

Cada vez que se edita uno de estos archivos JSON, el sistema de despliegue automático se encarga de regenerar la web para reflejar los cambios realizados.

3. Plataforma de control de versiones: GitHub

Todo el código fuente del proyecto, así como los archivos de contenido (JSON), están almacenados en un repositorio privado en GitHub. GitHub actúa como centro de operaciones del proyecto, permitiendo:

• Acceder y modificar cualquier archivo de la web.
• Llevar un historial completo de todos los cambios realizados.
• Gestionar múltiples colaboradores y permisos de acceso.
• Revisar y validar cambios antes de publicarlos mediante pull requests.
• Restaurar versiones anteriores si ocurre un error o fallo.

Este enfoque permite tener control total y trazabilidad completa sobre todos los cambios realizados en la web.

4. Plataforma de despliegue: Cloudflare Pages

La web se aloja y publica mediante Cloudflare Pages, una plataforma especializada en el despliegue de sitios estáticos de forma automática y escalable. Cada vez que se realiza un cambio en el repositorio de GitHub, Cloudflare detecta ese cambio y genera una nueva versión del sitio, que se despliega de forma completamente automatizada.

Ventajas de utilizar Cloudflare Pages:

• Despliegue automático y continuo (CI/CD) sin necesidad de intervención humana.
• Distribución global a través de la red CDN de Cloudflare, que cuenta con más de 300 nodos en todo el mundo.
• Cifrado SSL/TLS integrado, con HTTPS para todas las conexiones entrantes, sin configuración adicional.
• Alta disponibilidad y escalabilidad, sin necesidad de gestionar servidores.
• Registros y logs del proceso de despliegue, útiles para diagnosticar cualquier error.

El resultado es un sistema de publicación completamente automatizado y seguro, con tiempos de carga rápidos desde cualquier parte del mundo.

---

Ventajas del sistema actual

• Bajo coste operativo: al tratarse de un sitio estático, no se requieren bases de datos ni servidores complejos, lo que reduce tanto los costes económicos como el riesgo de fallos técnicos.
• Máxima seguridad: al no depender de lógica en el lado del servidor, el proyecto es altamente resistente a ataques comunes como inyecciones, ejecución remota, etc.
• Escalabilidad sin esfuerzo: el sistema puede manejar desde unos pocos hasta miles de usuarios sin necesidad de cambiar la infraestructura.
• Edición descentralizada: varios colaboradores pueden modificar el contenido al mismo tiempo desde GitHub, sin afectar el rendimiento del sitio.
• Backup automático: cada cambio queda registrado en el historial del repositorio y puede ser revertido fácilmente.