Zum Inhalt springen
CodeDock
← Zurück zu den Fallstudien
Case Study5 Monate6 Min. Lesezeit

Website, Mitgliederbereich und Administration für den Tschechischen Verband der Ergotherapeuten — 16 Module in einem System

Der Tschechische Verband der Ergotherapeuten (ČAE) vereint Ergotherapeutinnen und Ergotherapeuten aus dem ganzen Land. Er brauchte mehr als eine Website: Mitglieder- und Beitragsverwaltung, Anerkennung von Fortbildungen, Zertifikate für lebenslanges Lernen und einen Mitgliederbereich. Wir haben eine öffentliche Website in Next.js 15, eine Administration mit 16 Modulen und ein .NET 9 Backend mit Anbindung an die Fio Bank geliefert — die erste Version von CMS und Admin in 15 Tagen.

Ich möchte eine ähnliche Lösung →Tschechischer Verband der Ergotherapeuten ↗
16Admin-ModuleVerwaltung · Inhalte · System
15 Tagebis zur ersten Version von CMS und Admin5. 5. → 20. 5. 2026
3 Artenvon Online-Anträgenmit signiertem PDF
146CommitsMai–Oktober 2026
01 — Ausgangslage

Der Verband brauchte eine Website, die zugleich die Mitgliederverwaltung steuert

Die Arbeit eines Verbands dreht sich um Menschen und Dokumente: Aufnahmeanträge, jährliche Mitgliedsbeiträge, Anträge auf Anerkennung von Fortbildungen, Zertifikate für lebenslanges Lernen, Stellenanzeigen und Veranstaltungen mit Anmeldung. Die Website sollte diese Prozesse online abbilden — vom Antrag über die Zahlung bis zur Bestätigung — und der Geschäftsstelle einen zentralen Ort für die Verwaltung geben.

MitgliedschaftAntrag → Kandidat → Mitglied
Mitgliedsbeiträgejährlich, mit Zahlungsabgleich
FortbildungenAnerkennung + Credits
Zertifikate lebenslanges Lernensigniertes PDF
Veranstaltungen und WebinareAnmeldung und Rechnung
Website-InhaltePflege ohne Entwickler
Umfang
Website + Mitgliederbereich + Adminein System für Öffentlichkeit, Mitglieder und Geschäftsstelle
02 — Lösung

Ein Docker-Image: .NET 9 API, Next.js 15 Website und React-Admin

Wir haben das gesamte System von Grund auf entworfen und gebaut. Die .NET 9 Anwendung bedient API und Administration und leitet öffentliche Seiten über YARP an Next.js weiter. Ein Image, eine Pipeline, einfacher Betrieb.

01

Öffentliche Website mit CMS-Seitenbaum

Next.js 15 mit Server-Side Rendering. Inhalte bilden einen Seitenbaum mit vier Seitentypen: Kategorie, Markdown-Seite, Systemseite und Dokument. Systemseiten decken News, Veranstaltungen, anerkannte Fortbildungen, Kontakte, Volltextsuche und die Therapeutensuche auf der Karte ab.

02

Mitgliederbereich

Anmeldung mit Google oder per Einmalcode per E-Mail. Mitglieder sehen Stellenanzeigen, Webinare und Rabattcodes von Partnern, zahlen den Beitrag per QR-Code und laden eine PDF-Mitgliedsbestätigung herunter. Die Öffentlichkeit kann eine Mitgliedschaft online überprüfen.

03

Online-Antragsstelle

Ein Schritt-für-Schritt-Formular für drei Antragsarten: Anerkennung einer Fortbildung, Zertifikat für lebenslanges Lernen und Veröffentlichung einer Stellenanzeige. Jeder Antrag erhält ein Aktenzeichen, den Status „wartet auf Zahlung" und nach der Bearbeitung ein elektronisch signiertes PDF.

04

Automatischer Zahlungsabgleich über die Fio API

Ein Hintergrundjob lädt Umsätze von der Fio Bank und ordnet sie anhand der QR-Zahlungsdaten (SPAYD) Mitgliedsbeiträgen und Anträgen zu. Die Anbindung ersetzte die bisherige Verarbeitung von Bank-Benachrichtigungen per E-Mail. Die jährliche Verlängerung der Mitgliedschaft läuft automatisch.

05

Veranstaltungen mit Anmeldung und Credits

Anmeldung zu Veranstaltungen mit Ticketarten, eigenen Formularfeldern und Rechnungsdaten (automatisch ergänzt aus dem Handelsregister ARES). Teilnehmende erhalten Credits und eine Teilnahmebescheinigung.

06

Administration mit 16 Modulen

React 19 + MUI 7 in drei Gruppen — Verwaltung (Mitglieder, Gruppen, Preisliste, Einrichtungen, Partner, Antragsstelle, Rechnungen), Inhalte (Seiten, Stellenanzeigen, Webinare, Veranstaltungen, Rabattcodes, Kontakte, E-Mailing) und System (CDN, Benutzer). Berechtigungen pro Modul, Markdown-Editor und Sortierung der Seiten per Drag & Drop.

07

Migration alter Links

Alte URLs von Zeitschriftenartikeln leiten per 308-Redirect auf die neuen Adressen weiter, sodass Links von anderen Websites weiterhin funktionieren.

03 — Architektur

Lösungsarchitektur

Ein Docker-Image, gebaut in vier Stufen. .NET 9 bedient /api und /admin und leitet alles andere über YARP an Next.js SSR weiter. Daten in PostgreSQL mit Zugriff über Managed Identity, Dokumente in Cloudflare R2, Secrets in Azure Key Vault. Traefik übernimmt TLS, Cloudflare stellt CDN und WAF bereit. Azure DevOps Pipeline: gitleaks → ACR → Deploy → Healthcheck.

Lösungsarchitektur
  1. Nutzer: Öffentlichkeit · Mitglieder · Admins
  2. CDN: Cloudflare (CDN · WAF)
  3. Proxy: Traefik (reverse proxy · TLS)
  4. Apps: Next.js 15 SSR (öffentliche Website · Mitgliederbereich); React admin (16 Module · MUI 7)
  5. Kern: .NET 9 API + YARP (/api · /admin · Hintergrundjobs)
  6. Daten: PostgreSQL (Managed Identity); Cloudflare R2 (Dokumente · Medien); Key Vault (Secrets)
  7. Integrationen: Zahlungen & Register (Fio API, QR-Zahlungen (SPAYD), ARES); Dokumente & Anmeldung (QuestPDF · iText (PAdES), Google Sign-In, Leaflet · Nominatim)
  8. Deployment: Azure DevOps → gitleaks → ACR → deploy → healthcheck
04 — Ergebnisse

Ergebnisse

Zahlungen ordnen sich selbst zu

Die direkte Fio-API-Anbindung ordnet eingehende Zahlungen Beiträgen und Anträgen zu. Die Geschäftsstelle muss Kontoauszüge nicht mehr manuell abgleichen.

Signierte Dokumente ohne Ausdruck

Zertifikate für lebenslanges Lernen und Mitgliedsbestätigungen entstehen als elektronisch signierte PDFs (PAdES), bereit zum Download.

Online-Anträge mit Aktenzeichen

Anerkennung von Fortbildungen, Zertifikate und Stellenanzeigen werden über ein Schritt-für-Schritt-Formular eingereicht. Jeder Antrag hat Aktenzeichen, Status und Historie in der Administration.

Therapeuten auf der Karte

Die Öffentlichkeit findet Ergotherapeuten und Einrichtungen in der Nähe auf einer Karte (Leaflet, Geocoding über Nominatim).

Die Geschäftsstelle verwaltet alles selbst

Seiten, Veranstaltungen, Webinare, Stellenanzeigen, Partner und E-Mail-Kampagnen pflegt der Verband in der Administration. Berechtigungen pro Modul regeln, wer was darf.

Sicherer, einfacher Betrieb

Ein Docker-Image, Secrets in Azure Key Vault, passwortloser Datenbankzugriff über Managed Identity und eine Pipeline mit Secret-Scanning (gitleaks) und Healthcheck nach dem Deployment.

Technologien

  • .NET 9
  • ASP.NET Core
  • EF Core
  • C#
  • YARP
  • Next.js 15
  • React 19
  • TypeScript
  • Material-UI 7
  • Vite
  • PostgreSQL
  • Docker
  • Azure
  • Azure Key Vault
  • Managed Identity
  • Azure DevOps Pipelines
  • Cloudflare R2
  • Cloudflare CDN
  • Traefik
  • Fio API
  • ARES
  • QuestPDF
  • iText (PAdES)
  • Leaflet
  • Google Sign-In

Weitere Fallstudien

Alle Fallstudien

ClinicDent

Multitenant-SaaS für Zahnkliniken — von der Terminbuchung bis zur Kassenabrechnung

HealthcareSaaSMultitenant
Mehr erfahren

Magistra a.s.

Data Warehouse auf Microsoft Fabric für eine Kette mit 200+ Apotheken

DataEnterpriseMicrosoft Fabric
Mehr erfahren

JUST CS spol. s r. o.

Vollständige Ablösung eines MLM-Vertriebsnetz-Managementsystems in 3 Monaten

EnterpriseSystemablösungAzure
Mehr erfahren

Weiterlesen

Tiefere technische Notizen zu den Themen dieser Fallstudie.

Architektur & Consulting · 9 Min. Lesezeit

Standardsoftware vs. Individualsoftware: wann sich was lohnt

Individualsoftware-Entwicklung lohnt sich, wenn Standardsoftware nicht passt — aber nicht immer. Fünf Signale, dass Sie Maßentwicklung brauchen, plus Build-vs-Buy-Framework.

Artikel lesen
Enterprise-Integration · 8 Min. Lesezeit

Enterprise-Integration: 5 Dinge, die in der Produktion kaputtgehen

Jede Integration sieht gut aus, bis der Producer einen schlechten Tag hat. Fünf Fehlermodi, die wir in Enterprise-Systemen immer wieder sehen — und die unspektakulären Fixes, die jeden einzelnen verhindern.

Artikel lesen
Ein Senior-Architekt in jedem Projekt · Über uns →

Brauchen Sie eine ähnliche Lösung?

Schreiben Sie uns — wir antworten innerhalb eines Werktags und vereinbaren einen ersten Call.
Unverbindlich schreiben