Hver august forvandler Vila de Gràcia i Barcelona sig til noget, man skal se for at tro det: 23 gader og pladser konkurrerer om at overgå hinanden med måneders håndværk, og i otte dage er der castellers, ildløb og koncerter til solopgang. Vi har boet her i tyve år. Festivalen er grunden til, at halvdelen af vores venner ved, hvor vores studio ligger.
Sideprojekt. Fiestas de Gràcia er en uofficiel guide lavet af Clutch Developer — uden tilknytning til Fundació Festa Major de Gràcia eller distriktet. Det officielle program bor på barcelona.cat/fmgracia. Den uofficielle guide ligger på fiestasdegracia.com.
Problemet
Det officielle program er en smukt designet PDF — på omkring hundrede sider. Hvilket er helt fint, indtil det er lørdag aften, du står i en tætpakket gade og vil besvare et meget simpelt spørgsmål: hvad sker der lige nu, tæt på mig? PDF'er filtrerer ikke. Så i år, da vi alligevel udgiver et produkt om ugen, var det festivalens tur.
- Alle 134 events, filtrérbare efter dag, kategori og sted — under festivalen hopper guiden endda til i dag og lige nu.
- Et livekort over de 23 pyntede gader, festpladserne, sikre ruter og gågadezonen.
- Gadeprofiler med hver komités historie, lidt kontekst og deres Instagram.
- En klapsalve-rangliste — hver besøgende får 3 klapsalver 👏 til sine yndlingsgader.
- Catalansk, spansk og engelsk. Ingen app, intet login for at læse. Gratis.
Stakken, for spørgsmålet kommer
- Front: håndskrevet HTML/CSS/JS, Leaflet med CARTO-tiles, liquid glass-design i Cupertino-stil, mørk tilstand som standard.
- Klapsalver: Supabase — row-level security, 3-klapsalver-reglen som database-trigger, magic link + Google + Apple.
- Hosting: Netlify med immutable assets og versioneret cache-bust — hele sitet caches på edge.
- Ekstra: llms.txt til AI-assistenter, analytics kun med samtykke og en trykklar plakat-pipeline.
Det hele gik fra distriktets PDF til produktion på under en uges aftener — live før dag ét. Samme playbook som de websites vi bygger for kunder: levér, mens svaret stadig betyder noget.



