Projekt-Status
herzfabrik.de ist live und wird aktiv von der Gemeinde genutzt. Die Website bezieht ihre dynamischen Inhalte in Echtzeit aus dem Kirchenwerk CRM.
Die Herausforderung: Lebendige Inhalte, statische Website
Gemeinde-Websites haben ein grundsätzliches Problem: Die Inhalte ändern sich ständig. Nächsten Sonntag ein anderer Gottesdienst, eine neue Kleingruppe startet, die Predigt-Reihe wechselt. Und die Information muss auf der Website aktuell sein - sonst kommen Besucher zu einem Event, das gar nicht stattfindet.
Die klassische Lösung: Jemand pflegt die Website manuell. Das funktioniert für zwei Wochen, dann vergisst es jemand. Die Herzfabrik verwaltet ihre Daten bereits zentral im Kirchenwerk CRM. Die Frage war: Wie bekommen wir diese Daten live auf die Website, ohne doppelte Datenpflege?
Warum Sulu CMS und nicht WordPress?
Die Entscheidung fiel auf Sulu CMS - ein enterprise-grade Content Management System auf Symfony-Basis. Nicht weil WordPress schlecht ist, sondern weil wir spezielle Anforderungen hatten:
- → Custom Content Types - Sulu erlaubt es, beliebige Seitentypen per XML zu definieren. Events, Predigten, Kleingruppen - alles mit eigener Struktur.
- → Twig Templates - Volle Kontrolle über das HTML. Keine Plugin-Abhängigkeiten, kein Theme-Framework-Overhead.
- → Symfony-Ökosystem - Eigene Bundles, Dependency Injection, Event System. Perfekt für die CRM-Integration.
- → Admin-Interface - Ein sauberes Backend für Redakteure, das keine Schulung braucht.
Der Tech-Stack im Detail
Die Website basiert auf bewährten Technologien, die sich in Enterprise-Projekten bewährt haben. Kein Bleeding Edge - sondern solide, wartbare Software.
Sulu CMS + Symfony
Sulu auf aktuellem Symfony mit PHP. Die Datenbank ist MariaDB über Doctrine ORM, Content Repository läuft auf Jackalope PHPCR. Das gibt uns die Flexibilität von Symfony mit der Content-Management-Erfahrung von Sulu.
Seitentypen sind per XML definiert: Homepage, Events, Predigten, Angebote, Kleingruppen, Standorte, Kontakt. Jeder Typ hat ein eigenes Template mit spezifischen Content-Blöcken.
Stack: Symfony, Sulu CMS, PHP, MariaDB, Jackalope PHPCR
CRM Integration Bundle: Das HerzstĂĽck
Das CrmIntegrationBundle ist ein eigens entwickeltes Symfony Bundle, das Sulu CMS mit der Kirchenwerk-API verbindet. Es stellt Twig-Funktionen bereit, mit denen Redakteure CRM-Daten direkt in Seiten einbinden können:
{{ crm_upcoming_events(limit) }}
{{ crm_locations() }}
{{ crm_small_groups() }}
{{ crm_events_by_category(category, limit) }}
{{ crm_groups_grouped_by_category() }}
Dazu kommen JSON-API-Endpunkte für Frontend-JavaScript (z.B. interaktive Filter), ein konfigurierbarer Cache-Layer mit TTL und ein Webhook-Empfänger, der den Cache gezielt invalidiert, wenn sich CRM-Daten ändern.
Das zweite Bundle, CrmContentSyncBundle, stellt Symfony Commands fĂĽr Batch-Synchronisation bereit: SyncEventsCommand, SyncSmallGroupsCommand, SyncStandorteCommand, SyncAngeboteCommand, SyncPredigtenCommand.
Features: Twig Functions, JSON APIs, Caching Layer, Webhooks, Batch Sync Commands
SCSS Design System + Twig Components
Das Frontend nutzt eine strukturierte SCSS-Architektur: Abstracts (Variablen, Mixins), Base (Reset, Typografie), Layout (Grid, Header, Footer), Components (Buttons, Cards, Navigation), Pages und Utilities. Gebaut mit Webpack Encore.
Die Typografie basiert auf Brandon-Grotesque mit Inter als Fallback. Farben: Dunkelblau (#2c3e50) als Primär, Rot (#e74c3c) als Akzent. Responsive Breakpoints von sm (640px) bis 2xl (1536px). WCAG 2.1 AA konform.
Wiederverwendbare Twig-Komponenten (Hero, Event-Cards, Service-Highlights, Team-Highlights, CTA-Sections, Section-Headers) sorgen fĂĽr konsistentes Design ĂĽber alle Seitentypen.
Stack: SCSS, Webpack Encore, Brandon-Grotesque, Responsive Design, WCAG 2.1 AA
Docker Deployment
Die Website läuft in Docker-Containern: PHP-Application (Port 8352) und MariaDB (Port 3307). Health Checks für beide Services stellen sicher, dass Probleme früh erkannt werden. Volumes für Uploads, Media Cache und Sessions gewährleisten Datenpersistenz.
Infrastruktur: Docker Compose, PHP + MariaDB Container, Health Checks, Volume Management
Die CRM-Integration im Detail
Die eigentliche Herausforderung war nicht die Website selbst - sondern die nahtlose Verbindung zweier unterschiedlicher Systeme. Sulu CMS (PHP/Symfony) und Kirchenwerk CRM (TypeScript/Convex) sprechen unterschiedliche Sprachen. Das CRM Integration Bundle ĂĽbersetzt.
Caching-Strategie
CRM-Antworten werden mit konfigurierbarem TTL gecacht. Bei API-Fehlern dient der Cache als Fallback - die Website zeigt nie leere Seiten, sondern die letzten bekannten Daten.
Webhook-Invalidierung
Das CRM sendet Webhooks bei Datenänderungen. Der Cache wird gezielt invalidiert - nicht komplett geleert. So bleiben nicht betroffene Seiten performant.
Batch Sync
Für den initialen Datenabgleich und bei größeren Änderungen stehen Symfony Commands bereit, die Events, Gruppen, Standorte und Predigten synchronisieren.
Admin-Konfiguration
CRM-API URL, Timeout, Cache-TTL und API-Keys sind über das Sulu Admin-Interface konfigurierbar - kein Deployment nötig für Änderungen.
Features der Website
Events & Gottesdienste
Automatisch aus dem CRM geladen, filterbar nach Kategorie und Standort. Detail-Seiten mit Beschreibung, Ort und Anmeldeoptionen.
Predigt-Archiv
Alle Predigten mit Listing, Detailseiten und RSS-Feed. Eingebettet aus dem CRM, durchsuchbar und nach Serien filterbar.
Kleingruppen
Gruppiert nach Kategorie, mit Zielgruppen-Anzeige (Familien, Jugend, etc.), Kontaktinformationen und kinderfreundlich-Filter.
Standort-Seiten
Vogtland und Erzgebirge mit eigenen Seiten. Adressen, Anfahrt, Teams und standortspezifische Events.
Status: Live und in Betrieb
herzfabrik.de ist produktiv im Einsatz.
- âś“ Sulu CMS mit Custom Content Types
- âś“ CRM Integration Bundle mit Live-Daten
- âś“ Responsive Design (WCAG 2.1 AA)
- âś“ Webhook-basierte Cache-Invalidierung
- âś“ Docker Deployment mit Health Checks
- âś“ Component Library mit wiederverwendbaren Twig-Bausteinen
Fazit: CMS-Integration als Wettbewerbsvorteil
herzfabrik.de zeigt, was möglich ist, wenn man eine Website nicht als isoliertes Projekt betrachtet, sondern als Teil eines Ökosystems. Die CRM-Integration spart nicht nur Zeit bei der Inhaltspflege - sie stellt sicher, dass die Website immer den aktuellen Stand der Gemeinde widerspiegelt. Und mit der Kombination aus Sulu CMS für redaktionelle Inhalte und Kirchenwerk für dynamische Daten entsteht eine Website, die beides kann: professionell aussehen und automatisch aktuell bleiben.
Brauchen Sie eine Website mit CRM-Anbindung? Kontaktieren Sie uns - wir integrieren Ihre bestehenden Systeme.