Seminar Payload CMS – Kompaktseminar für Content, Entwicklung und Betrieb

Das Kompaktformat vermittelt die fachlichen und technischen Kompetenzen für eine planbare, wartbare und überprüfbare Umsetzung. Der Schwerpunkt liegt auf dem kompakten Aufbau eines gemeinsamen Verständnisses für Content-Modell, Entwicklung, Redaktion, APIs, Sicherheit und Produktionsbetrieb. Die Inhalte werden an einem durchgängigen Beispielprojekt erarbeitet und in nachvollziehbaren Arbeitsschritten umgesetzt.

Das dreitägige Kompaktformat richtet sich an gemischte Projektteams, die einen belastbaren Gesamtüberblick und einen kleinen vertikalen Prototyp benötigen. Von Architektur und Modellierung über redaktionellen Ablauf und APIs bis zu Deployment, Sicherheit, Tests und Roadmap werden die wichtigsten Entscheidungen praktisch verbunden.

Inhaltsübersicht

• Einordnung und Zielbild
• Kompetenzziele
• Zielgruppe und Voraussetzungen
• Schrittweise Seminarinhalte
• Praxisübungen
• Lernkontrolle und Dokumentation

Einordnung und Zielbild

Die gewählte Dauer von 3 Tagen ermöglicht eine belastbare Verbindung aus Konzeptklärung, Demonstration, angeleiteter Umsetzung, eigenständiger Übung und strukturierter Qualitätskontrolle.

Zu Beginn werden Zielarchitektur, Verantwortlichkeiten und Abgrenzungen geklärt. Darauf folgen die fachliche Modellierung, die technische Umsetzung, die Überprüfung typischer Fehlerbilder und die Überführung in eine dokumentierte Projektkonvention.

Kompetenzziele

• Rolle, Architektur und Einsatzgrenzen von Payload im Gesamtprojekt einordnen.
• Ein kleines Content-Modell mit Rollen und redaktionellem Ablauf aufbauen.
• REST, GraphQL, Local API und Next.js-Integration konzeptionell und praktisch verbinden.
• Produktionsanforderungen zu Sicherheit, Deployment, Backup und Tests erkennen.
• Vertiefungsbedarf und sinnvolle Seminarreihenfolge für das Projekt ableiten.

Zielgruppe und Voraussetzungen

Zielgruppe: Gemischte Projektteams aus Product Ownership, Redaktion, Entwicklung, Architektur, Betrieb, Qualitätssicherung und technischer Leitung.

Voraussetzungen: Allgemeine Kenntnisse zu Webprojekten und Content-Management. Für Programmierübungen sind grundlegende TypeScript-Kenntnisse hilfreich.

Schrittweise Seminarinhalte

1. Einsatzbild und Architektur

Das Team richtet Ziele, Systemgrenzen, Nutzergruppen und Qualitätsanforderungen gemeinsam aus.

Kapitelinhaltsverzeichnis

• Schritt 1: Geschäftsziel und kritische Nutzeraufgaben benennen.
• Schritt 2: CMS, Frontend, Datenbank, Speicher und Fremdsysteme einordnen.
• Schritt 3: Gemeinsame und getrennte Deploymentvarianten vergleichen.
• Schritt 4: Schutzbedarf, Aktualität und Last grob bewerten.
• Schritt 5: Offene Entscheidungen in einer Roadmapliste festhalten.
• Praxisauftrag

1. Schritt 1: Geschäftsziel und kritische Nutzeraufgaben benennen.
2. Schritt 2: CMS, Frontend, Datenbank, Speicher und Fremdsysteme einordnen.
3. Schritt 3: Gemeinsame und getrennte Deploymentvarianten vergleichen.
4. Schritt 4: Schutzbedarf, Aktualität und Last grob bewerten.
5. Schritt 5: Offene Entscheidungen in einer Roadmapliste festhalten.

Praxisauftrag: Ein kompaktes Systemkontext- und Zielbild wird erstellt.

2. Projekt-Setup und Grundkonfiguration

Eine kleine Anwendung wird reproduzierbar gestartet und modular strukturiert.

Kapitelinhaltsverzeichnis

• Schritt 1: Projekt, Datenbank und Umgebungswerte einrichten.
• Schritt 2: Konfigurationsstruktur und generierte Typen prüfen.
• Schritt 3: Erste Collection und ein Global registrieren.
• Schritt 4: Adminzugang anlegen und Beispieldaten erfassen.
• Schritt 5: Setup in einer kurzen Startanleitung dokumentieren.
• Praxisauftrag

1. Schritt 1: Projekt, Datenbank und Umgebungswerte einrichten.
2. Schritt 2: Konfigurationsstruktur und generierte Typen prüfen.
3. Schritt 3: Erste Collection und ein Global registrieren.
4. Schritt 4: Adminzugang anlegen und Beispieldaten erfassen.
5. Schritt 5: Setup in einer kurzen Startanleitung dokumentieren.

Praxisauftrag: Ein lauffähiges Grundprojekt wird gemeinsam aufgebaut.

3. Content-Modell und Medien

Ein überschaubares Modell zeigt die zentralen Entscheidungen zu Feldern, Beziehungen, Slugs und Uploads.

Kapitelinhaltsverzeichnis

• Schritt 1: Inhaltsarten und Pflichtinformationen bestimmen.
• Schritt 2: Geeignete Feldtypen und wiederverwendbare Gruppen auswählen.
• Schritt 3: Beziehung und eindeutigen Slug ergänzen.
• Schritt 4: Upload-Collection mit Alt-Text und Dateigrenze einrichten.
• Schritt 5: Validierungs- und Löschfälle prüfen.
• Praxisauftrag

1. Schritt 1: Inhaltsarten und Pflichtinformationen bestimmen.
2. Schritt 2: Geeignete Feldtypen und wiederverwendbare Gruppen auswählen.
3. Schritt 3: Beziehung und eindeutigen Slug ergänzen.
4. Schritt 4: Upload-Collection mit Alt-Text und Dateigrenze einrichten.
5. Schritt 5: Validierungs- und Löschfälle prüfen.

Praxisauftrag: Seite, Beitrag, Kategorie und Medienobjekt werden als Minimalmodell umgesetzt.

4. Benutzer, Rollen und Redaktion

Konten, Berechtigungen und ein einfacher Veröffentlichungsablauf werden miteinander verbunden.

Kapitelinhaltsverzeichnis

• Schritt 1: Administrator- und Redaktionsrolle festlegen.
• Schritt 2: Lesen und Ändern nach Rolle begrenzen.
• Schritt 3: Entwurf anlegen, prüfen und veröffentlichen.
• Schritt 4: Arbeitsansicht für offene Inhalte einrichten.
• Schritt 5: Unzulässigen Zugriff und Rücknahme testen.
• Praxisauftrag

1. Schritt 1: Administrator- und Redaktionsrolle festlegen.
2. Schritt 2: Lesen und Ändern nach Rolle begrenzen.
3. Schritt 3: Entwurf anlegen, prüfen und veröffentlichen.
4. Schritt 4: Arbeitsansicht für offene Inhalte einrichten.
5. Schritt 5: Unzulässigen Zugriff und Rücknahme testen.

Praxisauftrag: Ein vollständiger redaktioneller Fall wird mit zwei Rollen durchlaufen.

5. APIs und Integrationspfade

Drei Zugriffsmöglichkeiten werden nach Kontext, Sicherheit und Datenmenge verglichen.

Kapitelinhaltsverzeichnis

• Schritt 1: REST-Abfrage mit Filter ausführen.
• Schritt 2: Vergleichbare GraphQL-Abfrage formulieren.
• Schritt 3: Serverseitige Local-API-Operation durchführen.
• Schritt 4: Authentifizierten und anonymen Zugriff vergleichen.
• Schritt 5: Antworten auf benötigte Felder begrenzen.
• Praxisauftrag

1. Schritt 1: REST-Abfrage mit Filter ausführen.
2. Schritt 2: Vergleichbare GraphQL-Abfrage formulieren.
3. Schritt 3: Serverseitige Local-API-Operation durchführen.
4. Schritt 4: Authentifizierten und anonymen Zugriff vergleichen.
5. Schritt 5: Antworten auf benötigte Felder begrenzen.

Praxisauftrag: Ein Inhaltsfall wird über REST, GraphQL und Local API bearbeitet.

6. Next.js-Frontend und Vorschau

Ein kleines Frontend zeigt Routing, serverseitigen Datenzugriff, Cache und Entwurfsprüfung.

Kapitelinhaltsverzeichnis

• Schritt 1: Dynamische Route aus dem Slug auflösen.
• Schritt 2: Datenzugriff serverseitig typisieren.
• Schritt 3: Rendering- und Cacheentscheidung für die Beispielseite treffen.
• Schritt 4: Sicheren Vorschaukontext für Entwürfe einrichten.
• Schritt 5: Veröffentlichung und Invalidierung prüfen.
• Praxisauftrag

1. Schritt 1: Dynamische Route aus dem Slug auflösen.
2. Schritt 2: Datenzugriff serverseitig typisieren.
3. Schritt 3: Rendering- und Cacheentscheidung für die Beispielseite treffen.
4. Schritt 4: Sicheren Vorschaukontext für Entwürfe einrichten.
5. Schritt 5: Veröffentlichung und Invalidierung prüfen.

Praxisauftrag: Eine Seite wird im Frontend öffentlich und im Vorschaukontext dargestellt.

7. Hooks und Automatisierung

Eine kleine Geschäftsregel und eine zeitversetzte Aktion verdeutlichen den Unterschied zwischen Validierung, Hook und Job.

Kapitelinhaltsverzeichnis

• Schritt 1: Regel und geeignete Verarbeitungsschicht bestimmen.
• Schritt 2: Validierung und Lebenszyklus-Hook implementieren.
• Schritt 3: Rekursion und doppelte Ausführung verhindern.
• Schritt 4: Zeitversetzte Aktion als Job modellieren.
• Schritt 5: Fehler und Wiederholung protokollieren.
• Praxisauftrag

1. Schritt 1: Regel und geeignete Verarbeitungsschicht bestimmen.
2. Schritt 2: Validierung und Lebenszyklus-Hook implementieren.
3. Schritt 3: Rekursion und doppelte Ausführung verhindern.
4. Schritt 4: Zeitversetzte Aktion als Job modellieren.
5. Schritt 5: Fehler und Wiederholung protokollieren.

Praxisauftrag: Ein Veröffentlichungs-Hook mit nachgelagerter, idempotenter Aktion wird umgesetzt.

8. Sicherheit, Tests und Betrieb

Der Prototyp wird gegen typische Produktionsrisiken geprüft.

Kapitelinhaltsverzeichnis

• Schritt 1: Geheimnisse und Umgebungswerte klassifizieren.
• Schritt 2: Rollen und API-Negativfälle testen.
• Schritt 3: Build, Typprüfung und kleine Integrationstests ausführen.
• Schritt 4: Deployment-, Health- und Backupanforderungen dokumentieren.
• Schritt 5: Rollback- und Restore-Prüfpunkt festlegen.
• Praxisauftrag

1. Schritt 1: Geheimnisse und Umgebungswerte klassifizieren.
2. Schritt 2: Rollen und API-Negativfälle testen.
3. Schritt 3: Build, Typprüfung und kleine Integrationstests ausführen.
4. Schritt 4: Deployment-, Health- und Backupanforderungen dokumentieren.
5. Schritt 5: Rollback- und Restore-Prüfpunkt festlegen.

Praxisauftrag: Eine kompakte Produktionsreife-Checkliste wird am Prototyp angewendet.

9. Vertiefungsroadmap

Die Projektergebnisse werden in Rollenpfade und priorisierte Vertiefungen übersetzt.

Kapitelinhaltsverzeichnis

• Schritt 1: Befunde und offene Risiken sammeln.
• Schritt 2: Vertiefungsbedarf nach Content, Entwicklung und Betrieb clustern.
• Schritt 3: Abhängigkeiten und sinnvolle Reihenfolge festlegen.
• Schritt 4: Kompakt-, Einzel- und Intensivformate zuordnen.
• Schritt 5: Nächste technische und organisatorische Entscheidung terminieren.
• Praxisauftrag

1. Schritt 1: Befunde und offene Risiken sammeln.
2. Schritt 2: Vertiefungsbedarf nach Content, Entwicklung und Betrieb clustern.
3. Schritt 3: Abhängigkeiten und sinnvolle Reihenfolge festlegen.
4. Schritt 4: Kompakt-, Einzel- und Intensivformate zuordnen.
5. Schritt 5: Nächste technische und organisatorische Entscheidung terminieren.

Praxisauftrag: Eine priorisierte Lern- und Projektroadmap wird erstellt.

Praxisübungen

• Systemkontext und Zielbild
• Lauffähiges Grundprojekt
• Content-, Medien- und Rollenmodell
• API- und Frontendpfad
• Hook und Job
• Produktionsreife-Check
• Vertiefungsroadmap

Die Übungen werden mit klaren Eingangsdaten, Prüfkriterien und dokumentierten Soll-Ergebnissen durchgeführt. Fehler werden nicht nur korrigiert, sondern anhand ihrer Ursache, Auswirkung und geeigneten Präventionsmaßnahme eingeordnet.

Lernkontrolle und Dokumentation

Die Lernkontrolle verbindet kurze Verständnisfragen, Konfigurationsprüfungen, Code- oder Modellreviews und eine abschließende Transferaufgabe. Entscheidend ist die nachvollziehbare Begründung der gewählten Lösung.

• Abgleich der Umsetzung mit den fachlichen Akzeptanzkriterien
• Prüfung von Berechtigungen, Validierung, Fehlerbehandlung und Wartbarkeit
• Dokumentation der zentralen Entscheidungen und Betriebsannahmen
• Festhalten offener Risiken und der nächsten Umsetzungsschritte
• Erstellung einer wiederverwendbaren Checkliste für das eigene Projekt