Die Stiftung Herzogtum Lauenburg organisiert jeden Sommer den KulturSommer am Kanal — ein Festival, das über vier Wochen das Kreisgebiet zwischen Lauenburg, Mölln, Ratzeburg und Geesthacht bespielt. 2026 sind es 110 Veranstaltungen an 48 Veranstaltungsorten in 30 Tagen, vom 20. Juni bis 20. Juli. Eine Stiftung, eine Webseite, vier Wochen Hochbetrieb mit Tausenden Besuchern, die das Programm primär unterwegs auf dem Smartphone konsultieren.
Bis 2025 lief die Online-Präsenz auf einer schlanken WordPress-Seite — funktional, aber dünn: Programm als statische Listen, externe Verweise für Tickets, kein Kartenbild des Kreises, kein digitaler Reisebegleiter. Für ein Festival mit 48 Orten reicht das nicht. Wer am 28. Juni Abendveranstaltungen in Ratzeburg sucht, will filtern, nicht scrollen. Wer den Reisebegleiter unterwegs lesen will, will ihn nicht erst herunterladen. Wer einen Veranstaltungsort sucht, will eine Karte sehen, keine Adressliste.
Am 6. Mai 2026 sind wir mit dem Neubau live gegangen: Next.js 16 auf Plesk-Passenger. Ablösung der WordPress-Site, Aufbau einer Pipeline, die die ganzen Festival-Bausteine zusammenführt.
Was die neue Site leistet
Eine Festival-Site, die das KulturSommer-Format wirklich trägt, muss mehrere Sachen gleichzeitig können — und dabei mobile-tauglich sein, weil über 80 % der Sessions vom Smartphone kommen.
Programm-Filter über alle 110 Veranstaltungen. Datum, Ort, Kategorie, Zielgruppe — vier Filter, die kombinierbar sind. Wer Abendveranstaltungen am 28. Juni in Ratzeburg sucht, klickt sich in zwei Schritten dorthin. Suchindex client-side, sofortige Reaktion ohne Server-Round-Trip.
Tickets via Lübeck-Ticket angedockt. Lübeck-Ticket bleibt der Ticket-Anbieter — die Stiftung hat dort die etablierte Buchungs-Infrastruktur. Auf der Festival-Site wird inline angedockt: User sieht das Event, klickt „Tickets”, landet direkt bei Lübeck-Ticket. Statt Brand-Bruch durch externen Verweis eine saubere Übergabe.
Kreiskarte mit 48 Orten als Leaflet-Karte mit Cluster-Markern. Wenn mehrere Veranstaltungen in derselben Stadt stattfinden, gruppiert die Karte sie als ein Pin mit Counter; reinzoomen entfaltet die einzelnen Pins. Kategorien-Farbcodes (Musik, Literatur, Kunst, Mitmach). Die Karte funktioniert auch ohne JavaScript-Fallback — Server-Side gerendert.
Reisebegleiter als Druck-PDF und Web-Flipbook. Die Stiftung gibt traditionell einen 48-seitigen Reisebegleiter in Druck aus — Layout und Druck-Vorstufe kommen von externen Designern (Stiftungs-eingespielte Pipeline, bewährt). Was wir gemacht haben: das fertige PDF auch als Web-Flipbook im Browser zugänglich machen — react-pageflip mit Touch-Steuerung Mobile, Pfeiltasten Desktop. Eine Quelle (das Print-PDF), zwei Outputs (Print und Web).
Sommergedichte mit vier eigenen Sub-Routen. Das Festival hat eine literarische Komponente: Sommergedichte. Klaus Kröner kuratiert eine Shortlist, ein Mitmach-Format lädt Bürger zu eigenen Einreichungen ein, die Lyrische Post ist eine wöchentliche Aktion. Jedes Format hat eine eigene Sub-Route mit eigenem Layout — editorial unterschiedlich pro Format, keine generische Blog-Liste.
News und Rückschau für die Pressearbeit. Pressemitteilungen, Rückblicke mit Fotos, Interviews mit Künstlern — strukturierter Bereich für die laufende Kommunikation der Stiftung.
BITV/WCAG-konformer Frontend-Stack. Stiftungen unterliegen dem Barrierefreiheitsstärkungsgesetz (BFSG/BITV 2.0). Kontraste über 4,5:1, Tastatur-Navigation für alle Komponenten, ARIA-Labels für die Karten-Cluster-Marker, Skip-Links, focus-visible-Styles. Auf der gesamten Site.
Warum Next.js statt erweitertes WordPress
Die Pipeline (Programm-Filter + Karte + Flipbook + Sommergedichte-Sub-Routen + News) hätte sich auf der bestehenden WordPress-Seite nur über mehrere Plugins zusammenflicken lassen — jedes mit eigenem Update-Zyklus, eigener Wartungslast, eigener BFSG-Frage. Drei Gründe für den Stack-Wechsel:
Erstens: Performance auch bei Lastspitzen. Wenn das Programm veröffentlicht wird, steigt der Traffic kurzfristig. Next.js 16 mit Static-Generation für die meisten Seiten und Server-Render nur für die dynamischen Teile (Filter, Suche) hält die Ladezeiten auch dann unter einer Sekunde — ohne dass im Hintergrund an einem Caching-Plugin geschraubt wird.
Zweitens: BFSG/BITV by Design statt by Plugin. Mit React-Komponenten lässt sich Accessibility von Anfang an einbauen, axe-core prüft jeden Build. Kein Plugin, das nach einem Update plötzlich die Tastatur-Navigation kaputt macht.
Drittens: Eine Codebase, ein Ansprechpartner. Programm, Karte, Sommergedichte, Reisebegleiter-Anbindung, News-Bereich — alles im selben Stack. Wenn etwas klemmt, klärt webAION das direkt. Tickets bleiben bei Lübeck-Ticket, die Print-Vorstufe für den Reisebegleiter bleibt beim externen Designer — die zwei Anbieter sind bewährt und werden nicht ersetzt. Aber für die Festival-Site selbst gibt es eine Verantwortung.
Was die Site nach dem Launch leistet
Live seit 6. Mai 2026 — 45 Tage vor Festival-Start, damit Programm-Veröffentlichung, Ticket-Vorverkauf und Presse-Vorlauf alle die finale Site nutzen. Erste sechs Wochen Festival-Vorlauf zeigen:
- Mobile-First-Traffic dominant: über 80 % der Sessions kommen von Smartphones. Bestätigt die Designentscheidung, die Kreiskarte und das Programm primär für Mobile zu bauen, nicht als Desktop-Adaption.
- Programm-Filter hochfrequent genutzt: Besucher sehen ein Filter-Widget und nutzen es tatsächlich, statt die volle Liste zu scrollen.
- Kreiskarte zweithäufigste Interaktion nach dem Programm. Cluster-Marker bei Dichte-Stellen (Mölln, Lauenburg) werden besonders oft aufgeklappt.
- Reisebegleiter-PDF-Download und Web-Flipbook-Aufruf laufen etwa gleichgewichtig — die Web-Variante hat den ankündigten Brand-Awareness-Effekt, gleichzeitig bleibt die Druck-Variante für die Print-Distribution stark.
Was die Stiftung dazu sagt
Wir liefern die Site, die Stiftung liefert das Festival. Drei-Klick-Workflow zwischen Stiftung und Entwickler, wenn am Programm geschraubt wird. Bei seltenen technischen Fragen — etwa wenn ein neuer Veranstaltungsort dazukommt, der noch nicht in der Geo-Datenbank steht — gibt es einen direkten Draht mit kurzer Reaktionszeit.
Bemerkenswert war die Vorbereitungsphase: zwischen Vertragsunterzeichnung und Live-Launch lagen knapp vier Wochen für 110 Veranstaltungen + 48 Orte + 4 Sommergedichte-Formate + Reisebegleiter-Anbindung. Möglich, weil weniger Tooling im Spiel war: kein Theme-Anpassen, kein Plugin-Konfigurieren, kein Hosting-Migration-Stress. React-Komponenten mit klaren Schnittstellen zu Lübeck-Ticket und zum externen Reisebegleiter-PDF.
Die Tech-Stack-Wahl im Detail
Next.js 16 — App-Router-Architektur, Static-Generation für den Großteil der Seiten, Server-Render für die Filter. SSR auf Plesk-Passenger.
React 19 + TypeScript — Komponenten-Library für alle interaktiven Teile (Programm-Filter, Kreiskarte-Cluster, Flipbook). Type-Safety end-to-end.
Tailwind CSS — Single-Source für Design-Tokens (Stiftungs-Farbpalette: Sun-Yellow, Kanal-Blue, Aquarell-Pastel), BITV-konforme Default-Kontraste.
Leaflet — Kreiskarte mit Cluster-Marker-Plugin. Open-Source, keine Lizenz-Kosten, BITV-tauglich mit ARIA-Erweiterungen.
react-pageflip — Web-Flipbook für den Reisebegleiter. Touch-Steuerung Mobile, Pfeiltasten-Steuerung Desktop.
Plesk + Passenger — Hosting auf eigenem VPS in Deutschland, Auto-Renewal-SSL, Daily-Backups. Stiftung behält Daten-Hoheit.
Externe Anbieter weiterhin im Spiel:
- Lübeck-Ticket für die Ticket-Buchungen — bewährt, etabliert, kein Eigenbau.
- Externe Designer für den Print-Reisebegleiter — Layout und Druck-Vorstufe.
webAION ist der dritte Anbieter — für die Festival-Site selbst und die Anbindung der beiden anderen.
Quintessenz für andere Stiftungen und Kultureinrichtungen
Eine Festival-Site, die mehr leistet als eine statische Programm-Liste, ist auf modernem JavaScript-Stack günstiger zu betreiben als auf WordPress mit Plugin-Aufrüstung — weil die Wartungs- und BFSG-Last sinkt. Tickets und Print-Vorstufen müssen dabei nicht in den Eigenbau wandern: bewährte externe Anbieter bleiben angedockt, die Festival-Site übernimmt nur das, was sie besser kann als ein Plugin.
Wer als Stiftung oder Kultureinrichtung vor einer ähnlichen Frage steht, kann uns für ein 15-Minuten-Erstgespräch buchen.
Links:
- Festival-Site live: kultursommer-am-kanal.de
- Ähnliche Cases: Gas-Service Möller · Klacker & Matsch
- Service-Hub: Custom Software · Webentwicklung
Ähnlicher Case bei dir?
Kostenloses 15-Min-Erstgespräch — direkt mit dem Builder.
