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.
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.
Bygget om aftenen, live før dag ét
Det hele gik fra PDF til produktion på under en uges aftener. Vi omdannede distriktets program til struktureret, tresproget data; hvert event med tider, koordinater, kategorier, priser og tilgængelighedsnoter. Selve sitet er bevidst kedelig teknologi: statisk HTML, CSS og vanilla JavaScript med hash-router — intet framework, intet build-trin, intet der kan gå i stykker.
Deadlinen er den interessante begrænsning. Festivalen løber 14.–21. august. En festivalguide, der udkommer 22. august, er præcis ingenting værd, så scope måtte bøje sig: klapsalve-ranglisten gik live på åbningsdagen med magic link og Google, Apple fulgte en dag senere; A4-plakaterne med QR-kode blev lavet i samme palet som det officielle program, klar til at blive tapet på en lygtepæl.
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.
Intet af det er smart for smarthedens skyld. Det er samme playbook som i vores kundearbejde, skaleret til et kvarter: forstå det virkelige spørgsmål, nogen stiller, få data i en form, der besvarer det, og levér, mens svaret stadig betyder noget.