Das regelmäßige WordPress Meetup Potsdam fand diesmal bei VCAT statt und widmete sich dem spannenden Thema „Headless WordPress“. Diese Veranstaltung, bei der wir bereits seit Jahren ein integraler Bestandteil sind, bot eine hervorragende Plattform für anregende Diskussionen und Wissensaustausch.

Was ist Headless WordPress?

Headless WordPress ist ein Ansatz zur Nutzung von WordPress, bei dem das Backend und das Frontend voneinander getrennt werden. In einem traditionellen WordPress-Setup sind das Content-Management-System (CMS) und das Frontend, das die Inhalte an die Nutzer liefert, dabei eng miteinander verbunden. Bei einem Headless-Setup hingegen wird WordPress nur als Backend verwendet, während das Frontend von einer anderen Technologie gesteuert wird.

Vorteile von Headless WordPress:

1. Flexibilität im Frontend: Entwickler nutzen moderne Frontend-Frameworks wie z.B. React, Angular oder Vue.js, um dynamische und interaktive Benutzeroberflächen zu erstellen..
2. Leistung und Skalierbarkeit: Ein entkoppeltes System kann die Performance verbessern, da die serverseitige Renderzeit reduziert wird und Inhalte über schnell ladende APIs ausgeliefert werden.
3. Bessere Entwicklungserfahrung: Teams können unabhängig voneinander am Backend und Frontend arbeiten, was die Entwicklungsprozesse beschleunigen kann.
4. Wiederverwendbarkeit von Inhalten: APIs liefern Inhalte an verschiedene Plattformen und Geräte, darunter Web, Mobile, IoT und mehr.

Technische Umsetzung:

• API-Nutzung: WordPress stellt Inhalte über REST API oder GraphQL zur Verfügung, was eine flexible Datenabrufmethode ermöglicht.
• JSON: Daten werden häufig im JSON-Format übertragen, was eine einfache Integration und Nutzung in verschiedenen Frontend-Anwendungen ermöglicht.
• Sicherheitsaspekte: Die Trennung von Frontend und WordPress-Backend trägt dazu bei, Sicherheitslücken zu reduzieren.

Diskussion beim Meetup

Der Abend stand ganz im Zeichen innovativer Nutzungsmöglichkeiten von WordPress, abseits der herkömmlichen Anwendung. Im Mittelpunkt standen dabei spannende Use Cases, die eindrucksvoll demonstrierten, wie vielseitig und flexibel WordPress sein kann. Die Anwendungsbeispiele verdeutlichten, wie Entwickler WordPress als Headless CMS nutzen, um verschiedene Frontend-Technologien nahtlos zu integrieren.

Ein zentrales Thema der Diskussion war die Schnittstelle zwischen WordPress und anderen Systemen, insbesondere die Verwendung von JSON-APIs. Die Teilnehmer tauschten wertvolle Erfahrungen darüber aus, wie sie die JSON-Schnittstelle nutzen können, um Daten effizient und sicher zu übertragen und vielseitig einzusetzen.

Verlinkte Projekte

Um die Theorie zu untermauern, stellten wir verschiedene Projekte vor, die bereits erfolgreich mit Headless WordPress umgesetzt wurden. Diese Projekte zeigen, wie flexibel und leistungsfähig WordPress als reines Backend-System eingesetzt werden kann.

Projekt A: Lern-App Lernletics: https://lernletics.de/

Die Lernletic App verbindet spielerisches Lernen für Auszubildende mit der Flexibilität von WordPress als Headless-CMS. Ohne Registrierung und offline nutzbar, bietet sie interaktive Quizzes, deren Inhalte zudem über WordPress verwaltet werden.
Dank benutzerdefinierter Beitragstypen und REST-API entsteht außerdem eine nahtlose Verbindung zwischen CMS und App – ideal für modernes Lernen überall.

Projekt B: Lern-Programm „Journey to math“: https://mathjourney.uni-potsdam.de/

Journey to Math fördert Grundschulkinder spielerisch in Mathematik. Die webbasierte Plattform kombiniert eine kindgerechte Oberfläche mit Drag-and-Drop-Interaktionen und Sprach- und Videoausgabe.
Mit WordPress als Basis wurden zudem spezielle Beitragstypen für Fragen und Lerngruppen entwickelt, ergänzt durch ein Plugin zur Steuerung der Lernpfade. Das Frontend basiert auf Vue.js und sorgt für ein modernes, interaktives Nutzererlebnis.

Das Meetup bei VCAT war ein voller Erfolg und bot allen Teilnehmern wertvolle Einblicke in die Möglichkeiten und Herausforderungen von Headless WordPress. Wir freuen uns bereits auf das nächste Treffen und darauf, weitere innovative Ideen und Projekte zu teilen. Weitere Informationen und die Präsentation gibt es unter: https://de.slideshare.net/slideshow/headless-wordpress-beim-wordpress-meetup-potsdam-im-mai-2024/270190980