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.
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.
Das Ganze ging in weniger als einer Woche Feierabende vom Bezirks-PDF in Produktion — live vor Tag eins. Dasselbe Playbook wie bei den Websites, die wir für Kunden bauen: ausliefern, solange die Antwort noch zählt.