[{"data":1,"prerenderedAt":99},["ShallowReactive",2],{"ref-powerofrock":3},{"id":4,"title":5,"body":6,"branche":81,"description":74,"displayName":82,"extension":83,"liveUrl":84,"meta":85,"name":86,"navigation":87,"path":88,"rank":89,"relatedService":90,"screenshot":91,"seo":92,"slug":93,"stack":94,"stem":95,"summary":96,"year":97,"__hash__":98},"referenzen\u002Freferenzen\u002Fpowerofrock.md","Powerofrock",{"type":7,"value":8,"toc":73},"minimark",[9,14,26,30,58,62],[10,11,13],"h2",{"id":12},"briefing","Briefing",[15,16,17,21,22,25],"p",{},[18,19,20],"strong",{},"Power of Rock e.V."," macht Rockmusik in Bad Fredeburg. Die Site soll Events, Bands, Anfahrt und Tickets bündeln und dazu einen ",[18,23,24],{},"Vereins-Shop"," mit Versand betreiben. Die Vorgänger-Lösung war WordPress mit Event-Plugin, Shop-Plugin, Karten-Plugin. Jedes Update brachte zwei neue Konflikte. Anfahrtskarten waren statische Screenshots, der Shop ein PayPal-Link in der Bio.",[10,27,29],{"id":28},"lösung","Lösung",[15,31,32,33,37,38,41,42,45,46,49,50,53,54,57],{},"Eine ",[34,35,36],"em",{},"Nuxt 3"," SSR-Site mit ",[18,39,40],{},"Directus"," als Headless-CMS. Veranstaltungen werden in Directus gepflegt, inklusive Geo-Koordinaten als PostGIS-Point. Auf der Site läuft eine ",[34,43,44],{},"Mapbox GL","-Karte mit den exakten Locations. Der Shop ist voll integriert: Produkte und Kategorien aus Directus, Warenkorb im LocalStorage (DSGVO-konform, kein Tracking), Checkout über ",[18,47,48],{},"Stripe Checkout",", Order-Status per Stripe-Webhook zurück nach Directus. Bestellnummern, Lagerbestand, Backorder-Logik laufen serverseitig. ",[34,51,52],{},"Sentry"," fängt Fehler ab, ",[34,55,56],{},"AOS"," macht die Scroll-Animationen.",[10,59,61],{"id":60},"outcome","Outcome",[15,63,64,65,68,69,72],{},"Veranstaltungen sind in Directus in ",[18,66,67],{},"2 Minuten"," angelegt, Karte und Countdown füllen sich automatisch. Der Shop verkauft Vereins-Merch ohne externen Anbieter, Zahlungen landen direkt auf dem Vereinskonto. Mobile lädt unter LTE schnell genug, dass Fans am Festival-Eingang noch das Bandprogramm checken. Die Redaktion arbeitet in ",[34,70,71],{},"einem"," Backend statt in drei Plugin-Oberflächen.",{"title":74,"searchDepth":75,"depth":76,"links":77},"",2,3,[78,79,80],{"id":12,"depth":75,"text":13},{"id":28,"depth":75,"text":29},{"id":60,"depth":75,"text":61},"Event","POWEROFROCK","md","https:\u002F\u002Fpowerofrock.de",{},"powerofrock.de",true,"\u002Freferenzen\u002Fpowerofrock",1,"web-app","\u002Freferenzen\u002Fpowerofrock.webp",{"description":74},"powerofrock","Nuxt","referenzen\u002Fpowerofrock","Event-Plattform mit Programm und Ticket-Funnel.",2024,"LI_2R4vm06MT-wt0Z009Ke7S5rz3OflG3tZpxOMl2vE",1779196540687]