Catálogo Digital Interactivo - Arquitectura Headless (GatsbyJS + Drupal) | Carlo Echeverría - Desarrollador Full Stack

Descripción del Proyecto

Este proyecto representó una oportunidad única de trabajar con arquitectura headless moderna, separando completamente la gestión de contenido (Drupal) de la presentación (GatsbyJS). Esta arquitectura permitió optimizar cada parte del sistema según sus necesidades específicas. El proyecto surgió de la necesidad de modernizar la forma en que los visitantes del museo accedían a información sobre las piezas en exhibición. Los tótems táctiles existentes tenían interfaces limitadas y el contenido no se actualizaba fácilmente. La solución headless permitió que los curadores gestionaran el contenido en Drupal mientras el frontend en GatsbyJS proporcionaba una experiencia ultra-rápida y moderna.

Características Principales

Backend (Drupal)
Frontend (GatsbyJS)
Galerías Interactivas
Mapas de Salas

Desafíos Técnicos

Arquitectura Desacoplada
Optimización de Imágenes Patrimoniales
GraphQL y Consultas Optimizadas
Sincronización de Contenido
Multiplataforma

Soluciones Implementadas

Backend Drupal (CMS Headless)
Frontend GatsbyJS
Integración GraphQL
Deployment y CI/CD

Integraciones

Google Tag Manager / Analytics
Webhooks para CI/CD

Tareas Principales

Diseño de Arquitectura Headless
Configuración de Drupal como CMS
Desarrollo de Content Types y Taxonomías
Implementación de API GraphQL
Setup de Proyecto GatsbyJS
Desarrollo de Componentes React
Implementación de Galerías Interactivas
Desarrollo de Mapas Interactivos
Implementación de Búsqueda y Filtrado
Optimización de Imágenes y Performance
Configuración de CI/CD

Responsabilidades

Configuración de Drupal como CMS Headless
Desarrollo Frontend en GatsbyJS
Integración de Sistemas
Optimización