Cultural / Heritage
Interactive Digital Catalog - Headless Architecture (GatsbyJS + Drupal)
Agosto 2020 - Junio 2021
Agile
Project Description
Development of a digital platform for an archaeological museum using headless architecture. Drupal backend for heritage content management and GatsbyJS frontend for optimized interactive visualization. The solution allows visitors to explore heritage collections from touch kiosks within gallery rooms, providing an ultra-fast and modern experience that complements the physical visit.
Main Features
- Backend (Drupal)
- Frontend (GatsbyJS)
- Interactive Galleries
Technical Challenges
- Decoupled Architecture
- Heritage Image Optimization
- GraphQL and Optimized Queries
- Content Synchronization
- Multi-platform
Implemented Solutions
- Drupal Backend (Headless CMS)
- GatsbyJS Frontend
- GraphQL Integration
- Deployment and CI/CD
Integrations
- Google Tag Manager / Analytics
Main Tasks
- Diseño de Arquitectura Headless
- Configuración de Drupal como CMS
- Desarrollo de tipos de contenidos y entidades
- Implementación de API GraphQL
- Setup de Proyecto GatsbyJS
- Desarrollo de Componentes React
- Implementación de Galerías Interactivas
- Optimización de Imágenes y Performance
- Configuración de CI/CD
Responsibilities
- Drupal Headless CMS Configuration
- GatsbyJS Frontend Development
- Systems Integration
- Optimization
Project Type
Headless CMS
PWA
Interactive Platform
Roles
Frontend Development
Backend Development
Fullstack Development with Headless Approach
API & External Services Integration
CI/CD Pipeline Automation
Team
Backend Developer
Frontend Developer
UX/UI Designer
Content Administrator
Technologies
Drupal
React
Pantheon
GatsbyJs
Netlify
Graphql
Lando
PHP
GitHub