Jeden August verwandelt sich die Vila de Gràcia in Barcelona in etwas, das man gesehen haben muss: 23 Straßen und Plätze wetteifern mit monatelanger Handarbeit um den schönsten Schmuck, und acht Tage lang gibt es Castellers, Feuerläufe und Konzerte bis zum Morgengrauen. Wir leben seit zwanzig Jahren hier. Dieses Fest ist der Grund, warum die Hälfte unserer Freunde weiß, wo unser Studio ist.
Side Project. Fiestas de Gràcia ist ein inoffizieller Guide von Clutch Developer — ohne Verbindung zur Fundació Festa Major de Gràcia oder zum Bezirk. Das offizielle Programm liegt auf barcelona.cat/fmgracia.
Das Problem
Das offizielle Programm ist ein wunderschön gestaltetes PDF — rund hundert Seiten. Das ist völlig in Ordnung, bis es Samstagnacht ist, du in einer vollen Straße stehst und eine sehr einfache Frage beantworten willst: Was läuft jetzt gerade, in meiner Nähe? PDFs filtern nicht. Da wir ohnehin jede Woche ein Produkt veröffentlichen, war dieses Jahr das Fest an der Reihe.
- Alle 134 Events, filterbar nach Tag, Kategorie und Ort — während des Festivals springt der Guide sogar zu heute und jetzt gerade.
- Eine Live-Karte der 23 geschmückten Straßen, der Festplätze, der sicheren Routen und der Fußgängerzone.
- Straßenprofile mit der Geschichte jeder Kommission, etwas Kontext und ihrem Instagram.
- Ein Applaus-Ranking — jeder Besucher hat 3 Applause 👏 für seine Lieblingsstraßen.
- Katalanisch, Spanisch und Englisch. Keine App, kein Login zum Lesen. Kostenlos.
Abends gebaut, vor Tag eins live
Vom PDF bis zur Produktion vergingen weniger als eine Woche Feierabende. Wir haben das Bezirksprogramm in strukturierte, dreisprachige Daten überführt; jedes Event mit Zeiten, Koordinaten, Kategorien, Preisen und Hinweisen zur Barrierefreiheit. Die Seite selbst ist bewusst langweilige Technik: statisches HTML, CSS und Vanilla-JavaScript mit Hash-Router — kein Framework, kein Build-Step, nichts, was kaputtgehen kann.
Die Deadline ist die eigentlich interessante Randbedingung. Das Fest läuft vom 14. bis 21. August. Ein Festival-Guide, der am 22. August erscheint, ist exakt nichts wert — also musste sich der Umfang beugen: das Applaus-Ranking startete am Eröffnungstag mit Magic Link und Google, Apple folgte einen Tag später; die A4-Plakate mit QR-Code entstanden aus derselben Farbpalette wie das offizielle Programm, bereit für den Laternenpfahl.
Der Stack, weil die Frage kommt
- Front: handgeschriebenes HTML/CSS/JS, Leaflet mit CARTO-Tiles, Liquid-Glass-Design im Cupertino-Stil, Dark Mode als Standard.
- Applaus: Supabase — Row Level Security, die 3-Applause-Regel als Datenbank-Trigger, Magic Link + Google + Apple.
- Hosting: Netlify mit immutablen Assets und versioniertem Cache-Bust — die ganze Seite liegt im Edge-Cache.
- Extras: llms.txt für KI-Assistenten, Analytics nur mit Einwilligung und eine druckfertige Plakat-Pipeline.
Nichts davon ist clever um der Cleverness willen. Es ist dasselbe Playbook wie in unserer Kundenarbeit, auf ein Viertel skaliert: die echte Frage verstehen, die Daten in eine Form bringen, die sie beantwortet, und ausliefern, solange die Antwort noch zählt.