Cada agosto, la Vila de Gràcia de Barcelona se convierte en algo que hay que ver para creerlo: 23 calles y plazas compiten por superarse con meses de trabajo artesanal, y durante ocho días hay castellers, correfocs y conciertos hasta el amanecer. Llevamos veinte años viviendo aquí. Esta fiesta es la razón por la que la mitad de nuestros amigos saben dónde está nuestro estudio.
Proyecto propio. Fiestas de Gràcia es una guía no oficial hecha por Clutch Developer — sin afiliación con la Fundació Festa Major de Gràcia ni con el Distrito. El programa oficial vive en barcelona.cat/fmgracia.
El problema
El programa oficial es un PDF precioso — de unas cien páginas. Lo cual está muy bien hasta que es sábado por la noche, estás en una calle abarrotada y quieres responder una pregunta muy simple: ¿qué hay ahora mismo, cerca de mí? Los PDF no filtran. Así que este año, ya que de todos modos publicamos un producto cada semana, le tocó el turno a la fiesta.
- Los 134 actos, filtrables por día, categoría y lugar — durante la fiesta la guía salta sola a hoy y a ahora mismo.
- Un mapa en vivo de las 23 calles engalanadas, las plazas de fiesta, los itinerarios seguros y la zona peatonal.
- Perfiles de cada calle con la historia de su comisión, un poco de contexto y su Instagram.
- Un ranking de aplausos — cada visitante tiene 3 aplausos 👏 para sus calles favoritas.
- Catalán, castellano e inglés. Sin app y sin registro para leer. Gratis.
Hecho por las tardes, publicado antes del primer día
Todo pasó de PDF a producción en menos de una semana de tardes. Convertimos el programa del Distrito en datos estructurados y trilingües; cada acto con horarios, coordenadas, categorías, precios y notas de accesibilidad. El sitio en sí es tecnología deliberadamente aburrida: HTML estático, CSS y JavaScript vanilla con un hash router — sin framework, sin build, nada que se pueda romper.
La fecha límite es la restricción interesante. La fiesta va del 14 al 21 de agosto. Una guía que sale el 22 de agosto vale exactamente nada, así que el alcance tuvo que doblarse: el ranking de aplausos salió el día del estreno con magic link y Google, y con Apple un día después; los carteles A4 con QR salieron de la misma paleta que el programa oficial, listos para pegar en una farola.
El stack, porque lo vas a preguntar
- Front: HTML/CSS/JS escritos a mano, Leaflet con tiles de CARTO, diseño liquid-glass estilo Cupertino, modo oscuro por defecto.
- Aplausos: Supabase — row-level security, la regla de 3 aplausos por persona en un trigger de base de datos, magic link + Google + Apple.
- Hosting: Netlify con assets inmutables y cache-bust versionado — todo el sitio cacheado en el edge.
- Extras: llms.txt para asistentes de IA, analítica condicionada al consentimiento y un pipeline de carteles listos para imprimir.
Nada de esto es ingenioso por serlo. Es el mismo método que usamos con clientes, a escala de barrio: entender la pregunta real que alguien se hace, poner los datos en una forma que la responda y publicar mientras la respuesta todavía importa.