Hver august forvandles Vila de Gràcia i Barcelona til noe du må se for å tro: 23 gater og plasser konkurrerer om å overgå hverandre med måneder av håndverk, og i åtte dager er det castellers, ildløp og konserter til soloppgang. Vi har bodd her i tjue år. Festivalen er grunnen til at halvparten av vennene våre vet hvor studioet vårt ligger.
Sideprosjekt. Fiestas de Gràcia er en uoffisiell guide laget av Clutch Developer — uten tilknytning til Fundació Festa Major de Gràcia eller distriktet. Det offisielle programmet bor på barcelona.cat/fmgracia.
Problemet
Det offisielle programmet er en vakkert designet PDF — på rundt hundre sider. Helt greit, helt til det er lørdag kveld, du står i en stappfull gate og vil svare på et veldig enkelt spørsmål: hva skjer akkurat nå, nær meg? PDF-er filtrerer ikke. Så i år, siden vi uansett slipper et produkt i uka, var det festivalens tur.
- Alle 134 arrangementer, filtrerbare etter dag, kategori og sted — under festivalen hopper guiden til og med til i dag og akkurat nå.
- Et levende kart over de 23 pyntede gatene, festplassene, trygge ruter og gågatesonen.
- Gateprofiler med hver komités historie, litt kontekst og deres Instagram.
- En applaus-toppliste — hver besøkende får 3 applauser 👏 til favorittgatene sine.
- Katalansk, spansk og engelsk. Ingen app, ingen konto for å lese. Gratis.
Bygget på kveldene, live før dag én
Alt gikk fra PDF til produksjon på under en ukes kvelder. Vi gjorde distriktets program om til strukturerte, trespråklige data; hvert arrangement med tider, koordinater, kategorier, priser og tilgjengelighetsnotater. Selve nettstedet er bevisst kjedelig teknologi: statisk HTML, CSS og vanilla JavaScript med hash-router — ingen rammeverk, ingen byggetrinn, ingenting som kan knekke.
Fristen er den interessante begrensningen. Festivalen varer 14.–21. august. En festivalguide som slippes 22. august er verdt akkurat ingenting, så omfanget måtte bøye seg: applaus-topplisten gikk live på åpningsdagen med magic link og Google, Apple fulgte en dag senere; A4-plakatene med QR-kode ble laget i samme palett som det offisielle programmet, klare til å tapes på en lyktestolpe.
Stacken, siden spørsmålet kommer
- Front: håndskrevet HTML/CSS/JS, Leaflet med CARTO-tiles, liquid glass-design i Cupertino-stil, mørk modus som standard.
- Applaus: Supabase — row-level security, 3-applauser-regelen som databasetrigger, magic link + Google + Apple.
- Hosting: Netlify med immutable assets og versjonert cache-bust — hele nettstedet caches på edge.
- Ekstra: llms.txt for AI-assistenter, analyse kun med samtykke og en trykkeklar plakat-pipeline.
Ingenting av dette er smart for smarthetens skyld. Det er samme playbook som i kundearbeidet vårt, skalert til et nabolag: forstå det virkelige spørsmålet noen stiller, få dataene i en form som svarer på det, og lever mens svaret fortsatt betyr noe.