Partner
Poco Brass
Alle Projekte
Case Study04
Poco Brass Vereinswebsite
Moderne Webpräsenz für den Posaunenchor Thierseifen mit Terminen, Instrumentenkunde, News und Medienarchiv
Kultur & GemeinschaftPoco Brass
Branche
Kultur & Gemeinschaft
Kerntechnologien
Next.js · TypeScript · Tailwind CSS
Projektarbeit
Von der Anforderung zur belastbaren Lösung.
Ein kompakter Einblick in Kontext, Umsetzung und technische Entscheidungen des Projekts.
Ausgangslage
Für Poco Brass, den Posaunenchor Thierseifen, entstand eine vollständig erneuerte Website, die die seit 1882 gewachsene Tradition mit einem modernen, mobil optimierten Auftritt verbindet. Die Startseite führt Besucher direkt zu aktuellen Terminen und vermittelt mit klarer Bildsprache, wofür der Chor steht: Blechbläsermusik, Glaube und generationsübergreifende Gemeinschaft.
Umsetzung
Eigene Bereiche stellen den Chor, seine Jugend, fünf Instrumentengruppen und den Vorstand vor; strukturierte Termin- und Newsseiten machen Auftritte, Neuigkeiten und einzelne Beiträge dauerhaft auffindbar. Historische Oster- und Weihnachtsaufnahmen sowie ein Konzertvideo bleiben als performantes Medienarchiv erhalten, während ein serverseitig validiertes, gegen automatisierte Anfragen geschütztes Kontaktformular Nachrichten zuverlässig per SMTP zustellt.
Qualität & Betrieb
Next.js 16, React 19, TypeScript und Tailwind CSS 4 bilden die responsive Oberfläche; semantische Metadaten, JSON-LD, Sitemap, Open Graph und permanente Weiterleitungen sichern Sichtbarkeit und den Übergang von der früheren Website. Ein eigenständiges Docker- und Caddy-Deployment mit GitHub Actions liefert jede geprüfte Version reproduzierbar in die Produktionsumgebung aus.
Systemarchitektur
Die technische Basis – klar gegliedert.
Technologien wurden passend zur Aufgabe, zum Betriebsmodell und zur langfristigen Wartbarkeit kombiniert.
Frontend
Next.js 16React 19TypeScriptTailwind CSS 4App Router
Backend
Next.js Server ActionsNodemailerSMTP
Integrationen
WEB.DE SMTPInstagram
Infrastruktur
DockerCaddyGitHub ActionsStandalone Next.js
SEO
JSON-LDOpen GraphSitemapRobots.txtPermanent Redirects
Weiter entdecken
Nächste Case Study
Anita KI-Rechtsrecherche
Ihr Projekt
Aus einer komplexen Aufgabe wird ein klarer nächster Schritt.
Erzählen Sie uns, was Ihr System leisten muss. Wir bringen Struktur in Anforderungen, Architektur und Umsetzung.