All projects

Case study04

Poco Brass Community Website

Modern website for the Thierseifen brass choir with events, instrument guides, news and a media archive

Culture & CommunityPoco Brass
Poco Brass Community Website – View 1
View 01

Partner

Poco Brass

Industry

Culture & Community

Core technologies

Next.js · TypeScript · Tailwind CSS

Project work

From requirements to a resilient solution.

A concise look at the context, implementation and technical decisions behind the project.

01

Starting point

DuoByte rebuilt the website for Poco Brass, the Thierseifen brass choir, combining a tradition dating back to 1882 with a modern, mobile-optimized experience. The homepage guides visitors directly to upcoming events and uses a clear visual language to convey what defines the choir: brass music, faith and a community spanning generations.

02

Implementation

Dedicated sections introduce the ensemble, its youth group, five instrument families and the board, while structured event and news pages keep performances, updates and individual stories easy to find. Historic Easter and Christmas recordings and a concert video remain available in a performance-conscious media archive, while a server-validated contact form protected against automated submissions delivers enquiries reliably via SMTP.

03

Quality & operations

Next.js 16, React 19, TypeScript and Tailwind CSS 4 power the responsive interface; semantic metadata, JSON-LD, a sitemap, Open Graph assets and permanent redirects preserve visibility and support the migration from the previous site. An isolated Docker and Caddy deployment with GitHub Actions delivers every validated release reproducibly to production.

System architecture

A technical foundation with a clear structure.

Technologies were combined to suit the task, operating model and long-term maintainability.

01

Frontend

Next.js 16React 19TypeScriptTailwind CSS 4App Router
02

Backend

Next.js Server ActionsNodemailerSMTP
03

Integrations

WEB.DE SMTPInstagram
04

Infrastructure

DockerCaddyGitHub ActionsStandalone Next.js
05

SEO

JSON-LDOpen GraphSitemapRobots.txtPermanent Redirects

Keep exploring

Next case study

Anita AI Legal Research Platform

Anita AI Legal Research Platform

Your project

Turn a complex challenge into a clear next step.

Tell us what your system needs to do. We bring structure to requirements, architecture and delivery.

Discuss your project