Poco Brass Vereinswebsite

Poco Brass ist der Posaunenchor aus Thierseifen bei Waldbröl. Der Chor spielt seit 1882 in Gottesdiensten, bei der Ostertour durch die umliegenden Dörfer, bei Konfirmationen und bei Ständchen für ältere Menschen, geprobt wird jeden Freitag im Vereinshaus Thierseifen.

Die Website richtet sich an mehrere Gruppen zugleich: Gemeindemitglieder, die wissen möchten, wann der Chor spielt, Menschen, die ein Instrument lernen oder wieder einsteigen wollen, Jugendliche und Veranstalter mit einer Auftrittsanfrage. Außerdem sucht der Chor eine neue musikalische Leitung und braucht dafür eine eigene Anlaufstelle.

Die bisherige Website hatte eigene Adressen wie „/Ueber-uns“ oder „/Oberbergische-Posaunentage“, die in Suchergebnissen und geteilten Links weiterlebten. Beim Wechsel durfte keine davon ins Leere laufen.

Inhaltlich sollte die neue Seite zwei Dinge leisten: die Tradition des Chors mit Fotos und Aufnahmen sichtbar machen und Menschen ohne Vorerfahrung den Einstieg leicht machen. Termine sollten sich mit wenig Aufwand pflegen lassen, und vergangene Auftritte durften nicht als kommende erscheinen.

Für den Betrieb galt: Das Kontaktformular verarbeitet personenbezogene Daten und muss gegen automatisierte Anfragen geschützt sein. Die Anwendung sollte außerdem isoliert von anderen Diensten auf dem Server laufen.

Die Startseite führt direkt zu den nächsten Terminen und stellt den Chor, seine Werte und die Jugend vor. Eigene Seiten erklären den musikalischen Kompass des Chors, die fünf Instrumente von der Trompete bis zur Tuba mit ihren Stimmlagen, die Jugendarbeit und den Vorstand mit persönlichen Porträts.

Die Terminseite trennt kommende und vergangene Auftritte automatisch anhand des aktuellen Datums in deutscher Zeit und hebt den nächsten Termin hervor; sie wird täglich neu erzeugt. News haben eigene Detailseiten, und die Seite „Musikalische Leitung gesucht“ beschreibt die Aufgabe und die Zusammenarbeit mit Vorstand und Chor.

Die Website basiert auf Next.js 16 mit App Router, React 19, TypeScript und Tailwind CSS 4. Navigation, Termine, Vorstandsporträts, Instrumente und News liegen in einer zentralen Datei, aus der alle Seiten und Komponenten lesen. So werden Inhalte an einer Stelle gepflegt, ohne Layoutcode anzufassen, und ein separates CMS ist für diese Seitengröße nicht nötig.

Die Videos im Archiv laden erst, wenn jemand sie abspielt, und zeigen bis dahin ein Vorschaubild. Das Kontaktformular läuft als Server Action: Sie prüft alle Felder serverseitig, verwirft Anfragen mit ausgefülltem Honeypot-Feld, begrenzt Versuche pro Absender und Zeitfenster und versendet die Nachricht über Nodemailer per SMTP mit TLS. Als Antwortadresse ist der Absender gesetzt, sodass der Chor direkt aus dem Postfach antworten kann.

Für die Auffindbarkeit sorgen kanonische URLs, Vorschauen für Open Graph und Twitter, JSON-LD für Organisation und Website, Sitemap, robots.txt und ein Web-Manifest. Ein Proxy leitet 16 alte Adressen sowie abweichende Hostnamen per 308 dauerhaft auf die kanonische Domain und die neuen Pfade um.

Jeder Push auf den Produktionszweig durchläuft in GitHub Actions Linting und Typprüfung und erzeugt ein unveränderliches Docker-Image. Auf dem Server läuft genau dieses Image als eigenes Compose-Projekt: mit schreibgeschütztem Dateisystem, entzogenen Linux-Capabilities, Speicher- und CPU-Limits und einem Port, der nur lokal hinter Caddy erreichbar ist. Der Deploy-Schlüssel darf ausschließlich das Deploy-Skript aufrufen; meldet der neue Container keinen gesunden Zustand oder die falsche Version, stellt das Skript automatisch den vorherigen Stand wieder her.

Die neue Website ist live. Besucher sehen sofort, wann und wo Poco Brass als Nächstes spielt, Interessierte finden alles zum Mitspielen, und Anfragen kommen nach Thema sortiert im Postfach des Chors an.

Termine, News und Porträts lassen sich in einer Datei ergänzen, und jede Änderung geht geprüft und nachvollziehbar online. Alte Links und Suchergebnisse führen weiterhin auf die passenden neuen Seiten.