Visión general del proyecto
El sitio web de la Clínica Hispana Louetta es una plataforma médica digital desarrollada a medida bajo un enfoque desacoplado (Headless CMS). El objetivo principal del proyecto es unificar una gestión de contenidos robusta y estructurada con una experiencia de usuario web ultrarrápida, segura y optimizada para motores de búsqueda (SEO).
En esta arquitectura, el backend y el frontend operan de forma independiente, comunicándose exclusivamente a través de servicios web (APIs). Esto permite aprovechar lo mejor de ambos mundos: la flexibilidad editorial de Drupal y la velocidad de respuesta de Astro.
El backend con drupal como repositorio central de contenidos
Drupal es el sistema de gestión de contenidos (CMS) encargado del modelado de datos complejos y el control de accesos de la plataforma.
- El modelado de datos avanzado permitió estructurar tipos de contenido específicos para la clínica, como Servicios Médicos, Especialidades, Equipo Médico, Blog de Salud y Preguntas Frecuentes.
- La gestión editorial autónoma hace posible que el personal de la clínica pueda actualizar textos, imágenes, horarios y servicios de manera centralizada sin interactuar con el código de la aplicación.
- La exposición de datos via API garantiza que todo el contenido se entregue de forma segura mediante endpoints que son consumidos dinámicamente por la capa de presentación.
El frontend con consumo y renderizado mediante astro
La capa visual e interactiva con el usuario fue desarrollada con Astro, un framework moderno diseñado para la creación de sitios web orientados al contenido con un rendimiento excepcional.
- La generación estática eficiente permite que Astro realice peticiones a la API de Drupal durante el proceso de compilación para capturar el contenido y generar páginas HTML estáticas listas para servir, eliminando consultas innecesarias a la base de datos en tiempo real.
- La arquitectura de islas optimizada reduce drásticamente el JavaScript enviado al navegador, cargando componentes interactivos de forma aislada y manteniendo el resto de la página como HTML puro y ligero.
- La optimización integral de la interfaz prioriza la accesibilidad y la navegación móvil, garantizando una experiencia fluida para los pacientes.
Beneficios clave del enfoque desacoplado
- Un rendimiento y velocidad excepcionales al servir páginas pre-renderizadas consiguen que el tiempo de carga inicial sea prácticamente instantáneo, mejorando la retención de usuarios.
- Un posicionamiento en buscadores superior facilita que los motores de búsqueda indexen la información de la clínica de manera inmediata y eficiente al recibir HTML puro desde el primer instante.
- Una seguridad avanzada y robusta mantiene la base de datos y el panel de administración de Drupal completamente ocultos del público, reduciendo la superficie de vulnerabilidad ante ataques.
- La escalabilidad de la infraestructura digital deja el backend de Drupal preparado para servir los mismos contenidos a futuros canales, como una aplicación móvil o pantallas informativas, sin necesidad de duplicar el trabajo.