Clutch Developer
ES
Book a call

Fiestas de Gràcia: publicar la guía de la fiesta de nuestro barrio en una semana

La fiesta de nuestro propio barrio, un programa atrapado en un PDF y una fecha límite que no se mueve. Una historia corta sobre publicar algo pequeño, útil y a tiempo.

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. La guía no oficial está en fiestasdegracia.com.

fiestasdegracia.com

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.
  • La portada de la guía — gegants de papel bajo una garlanda, fechas y cifras de la fiesta
  • El programa filtrado al sábado — buscador, chips de día y filtros por categoría
  • El mapa de la fiesta — calles engalanadas, plazas, itinerarios seguros y zona peatonal
  • Calles y espacios — la Plaça del Sol y las tarjetas de calles engalanadas
Cuatro pantallas de la guía en vivo — programa, filtros, mapa y calles.

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.

Todo pasó del PDF del Distrito a producción en menos de una semana de tardes — en vivo antes del primer día. El mismo método que en los sitios web que construimos para clientes: publicar mientras la respuesta todavía importa.