In den letzten Monaten durften wir die Webseite der Fab Region Bergisches Städtedreieck erneuern. Dabei haben wir existierende UI-Komponenten mit einem modernen CMS verbunden, um eine nutzerfreundliche und flexible Open-Source-Lösung zu schaffen.
Unser Kunde, das Collaborating Centre on Sustainable Consumption and Production (CSCP), beteiligt sich und fördert die Initiative “Fab Region Bergisches Städtedreieck”. Diese ist Teil der weltweiten Fab-City-Initiative, die sich zum Ziel gesetzt hat, Städte nachhaltiger und widerstandsfähiger zu machen, indem sie lokale Produktion und Kreislaufwirtschaft fördert. Die Fab Region vernetzt Akteure aus den Bereichen Bildung, Wirtschaft, Politik und Zivilgesellschaft, um gemeinsam an einer nachhaltigen Zukunft zu arbeiten. Durch unsere Arbeit für die Fab-City-Initiative in Hamburg sind wir mit dem Konzept bereits gut vertraut.
Vorarbeiten: UI-Komponentenbibliothek mit React
Bereits 2022 hatten wir für die Fab City Hamburg eine React-basierte Komponentenbibliothek namens fcos-suite-ui sowie eine interaktive “Fab Map” unter einer Open-Source-Lizenz entwickelt. Im damaligen Projekt wurde diese UI-Bibliothek mit dem statischen Webseiten-Generator Astro kombiniert, um eine performante und moderne Webseite zu erstellen. Die Benutzung eines solchen Site Generators ist aber technisch oft kein adäquater Ersatz für die komfortablen Benutzeroberflächen klassischer CMS-Systeme wie Wordpress und Co. Um die Webseite also potenziell auch einem größeren Redaktionsteam ohne technisches Wissen zugänglich zu machen, wollte das Team der “Fab Region Bergisches Städtedreieck” unsere UI-Komponenten mit einem nutzerfreundlichen CMS verbinden.
Kirby als flexible und aufgeräumte CMS-Lösung
Nach dem Abklären der individuellen Anforderungen, haben wir uns dazu entschieden, Kirby CMS für diese Aufgabe zu verwenden. Kirby ist ein dateibasiertes CMS, das sehr flexibel und einfach zu bedienen ist. Es bietet eine gute Balance zwischen Benutzerfreundlichkeit und Anpassungsfähigkeit, was es ideal für Projekte macht, die sowohl Redakteure als auch Entwickler ansprechen sollen. Außerdem haben wir mit Kirby in der Vergangenheit bereits viele gute Erfahrungen sammeln können.
- Kirby CMS (PHP) als Admin-Backend
- React Frontend
- Verbindung von Frontend und Backend über das “Inertia Adapter” Plugin
- Unsere interaktive
fcos-suite-mapkann nun ebenfalls über Kirby gepflegt werden
Das Ergebnis ist ein Starterkit für Kirby, welches es erlaubt schnell neue Webseiten im gleichen Look und mit der gleichen Funktionalität zu starten. Unser Auftraggeber hat uns außerdem gestattet, auch dieses Startekit unter einer Open-Source-Lizenz zu veröffentlichen (Achtung: Kirby selbst ist ein “Source Available”-Produkt, das heißt, es wird eine – sehr günstige – proprietäre Lizenz benötigt um es zu nutzen).