Les Santes
El mayor festival de Mataró, en tu bolsillo - construido de principio a fin por una sola persona
Cada verano, Mataró (Barcelona) celebra Les Santes - seis días de conciertos, correfocs, desfiles de figuras gigantes y eventos al aire libre que reúnen a decenas de miles de asistentes por toda la ciudad.
¿La única herramienta oficial? Un PDF impreso y una web estática sin datos en tiempo real. La gente se quedaba adivinando horarios, dónde estaban los desfiles y si algo se había cancelado.
Así que construí todo el stack yo solo - app móvil, web de marketing y CMS de administración - en solitario, desde cero, en público.
Por qué existe este proyecto
Llevo más de 20 años asistiendo a Les Santes. En cada edición veía la misma escena repetirse: personas con los programas impresos arrugados, preguntándose mutuamente “¿dónde están los gigantes ahora?” o “¿a qué hora empieza el correfoc?”
El problema es genuinamente difícil en el momento: los desfiles se mueven, los eventos empiezan tarde, la señal es pésima en las calles llenas de gente y la web oficial no está pensada para uso en tiempo real.
Mataró merece mejores herramientas. Así que las construí - un proyecto solidario en solitario, sin cliente, sin presupuesto y sin equipo. Solo un problema que merecía resolverse y un stack que merecía aprenderse.
Puntos técnicos destacados
La app
La app móvil (React Native + Expo) está organizada en torno a una pregunta: ¿qué está pasando ahora mismo?
Ara (Ahora)
Abre la app y ve de inmediato qué está en directo: una tarjeta destacada con el evento actual y una tira horizontal con los próximos. Sin pantalla de login, sin onboarding, sin configuración - solo el festival.
Mapa (Mapa interactivo)
Los eventos fijos aparecen como marcadores. Los desfiles en movimiento muestran su posición estimada en tiempo real como una polilínea de ruta animada, recalculada cada segundo interpolando el tiempo transcurrido a lo largo de la ruta GeoJSON planificada. Parece en vivo porque las matemáticas corren en vivo.
Agenda (Programa completo)
El calendario completo, filtrable por día, categoría, tipo de evento o distancia desde la ubicación del usuario. Un sistema de favoritos permite a los usuarios guardar eventos y recibir notificaciones antes de que empiecen.
Recursos (Archivo)
Un archivo desplazable de todos los carteles oficiales del festival desde 1892, más un lightbox deslizable de las postales de los Gegants - cada uno codificado en AVIF para una carga casi instantánea.
Decisiones clave de diseño
La landing page
Un sitio con Next.js 15 App Router que convierte visitantes en descargas de la app y funciona también como sistema de gestión de contenidos para el organizador del festival. Optimizado para Core Web Vitals, completamente tipado y estructurado para SEO con el objetivo de competir con el dominio oficial de la ciudad en consultas de alta intención.
El panel de administración
Un back-office protegido por contraseña integrado en el sitio de la landing. El organizador del festival puede crear, editar y cancelar eventos sin tocar código. Las cancelaciones requieren un motivo, que se difunde instantáneamente a todas las instancias de la app conectadas mediante Supabase Realtime y se entrega como notificación push a través de Expo Notifications.
La creación de eventos gestiona tanto eventos de ubicación fija como desfiles en movimiento. Las rutas de los desfiles se dibujan en geojson.io y se suben como GeoJSON - la app las usa para la interpolación de posición en vivo en el cliente durante el festival.
Tecnología de un vistazo
| Capa | Stack |
|---|---|
| App móvil | React Native, Expo SDK 54, Expo Router |
| Estado y caché | Zustand, AsyncStorage |
| Mapa | MapLibre GL JS en un WebView, teselas MapTiler |
| Notificaciones push | Expo Notifications, Supabase Realtime |
| Landing y CMS | Next.js 15, Tailwind CSS v4, shadcn/ui |
| Backend | Supabase (PostgreSQL, Auth, Realtime) |
| SEO | JSON-LD @graph, FAQPage, Festival subEvent[], lista blanca de crawlers de IA |
| Imágenes | AVIF en todas partes (97% de reducción de tamaño) |
| i18n | Catalán como idioma principal, inglés como alternativa |
Estado
El festival se celebra del 24 al 29 de julio de 2026.
La app está disponible en Google Play para dispositivos Android. Actualmente trabajando para obtener el reconocimiento oficial del Ajuntament de Mataró y un lanzamiento en iOS.
El código fuente completo es de código abierto bajo licencia MIT.
Enlaces
