Termin buchen
← Zurück zu den Fallstudien
Adobe Summit 2026 · Las Vegas

Eine Next.js-16-Demo auf AEM, Journey Optimizer und Real-Time CDP

Wie ich die Entwicklung der Adobe-Summit-Messestand-Demo einer Digitalagentur geleitet habe: eine Hotel-Website und ein Agenten-Arbeitsplatz für das Contact Center in einer Next.js-Codebasis, live personalisiert durch Journey Optimizer auf Basis dessen, was ein Anrufer sagt.

Von Laurentiu NichiteanVeröffentlicht Aktualisiert

Meine Rolle:
Lead Developer
Kunde:
Messedemo einer Digitalagentur (fiktive Marke Lumière Hotels)
Zentraler Tech-Stack:
Next.js 16, AEM GraphQL, Universal Editor, AJO, RT-CDP

Die geschäftliche Herausforderung

Die Agentur brauchte für ihren Stand auf dem Adobe Summit 2026 (Las Vegas, 20.–22. April) eine funktionierende Demo, die das Zusammenspiel von AEM, Real-Time CDP und Journey Optimizer zeigt: Ein Gast ruft im Contact Center an, und wenige Augenblicke später verändert sich die Hotel-Website für genau diesen Gast.

Das Team war nur in Teilzeit eingeplant, die Vorgaben waren vage und der Zeitplan knapp. Die Demo musste von Marketern im Universal Editor bearbeitbar sein und durfte Standbesuchern niemals eine fehlerhafte Seite zeigen.

Was ich gebaut habe

Eine einzige Next.js-16-App-Router-Codebasis bedient beide Anwendungen, in vier Schichten:

  • Content aus AEM, bearbeitet im Universal Editor: Server Components laden AEM-Content über GraphQL Persisted Queries – im Draft Mode von AEM Author mit IMS-Token, ansonsten von Publish mit Next.js-Cache-Tags, ergänzt um einen On-Demand-Revalidierungs-Endpunkt für Publish-Events.
  • Ein Proxy auf Netzwerkebene: übernimmt optionale Basic Auth, erkennt Authoring-Sitzungen im Universal Editor und erzeugt Tokens, sodass dieselbe App für Autoren und Standbesucher funktioniert.
  • Von Sprache zu strukturierter Absicht: Im Agenten-Arbeitsplatz liefern Sprachtranskription und ein LLM strukturiertes JSON (Absicht, Stimmung, Entitäten), das an Real-Time CDP gestreamt wird, damit Journey Optimizer darauf reagieren kann.
  • Personalisierung, die immer rendert: Journey-Optimizer-Entscheidungen werden clientseitig hinter einem Prehiding-Snippet gerendert, mit einer Fallback-Kette (AJO Edge, dann AEM GraphQL, dann statisches JSON), damit die Seite immer rendert.

Architektur

Wie ein Gespräch im Agenten-Arbeitsplatz zu personalisiertem Content auf der Website von Lumière Hotels wird:

  • Next.js-16-App
  • Adobe Experience Cloud
  • KI-Services
  • Ausfallsicherheit
Architektur der Adobe-Summit-2026-DemoEin Agenten-Arbeitsplatz sendet ein transkribiertes, per LLM strukturiertes Gespräch an Real-Time CDP; Journey Optimizer entscheidet über das Angebot; die Hotel-Website rendert es mit AEM-Content und einer Fallback-Kette.Next.js 16Agenten-ArbeitsplatzAnruf im Contact CenterAISprache + LLMIntent, Stimmung, EntitätenAdobeReal-Time CDPEinheitliches GästeprofilAdobeJourney OptimizerJourney- und AngebotswahlNext.js 16Hotel-WebsiteFür den Gast personalisiertAdobeAEM + Universal EditorContent per GraphQLFallback-KetteAJO Edge → AEM GraphQL → JSON12345
  1. 1Der Agenten-Arbeitsplatz transkribiert den Anruf; ein LLM liefert strukturiertes JSON: Intent, Stimmung und Entitäten.
  2. 2Der strukturierte Intent wird an Real-Time CDP gestreamt und landet im Gästeprofil.
  3. 3Das Profil qualifiziert sich für eine Zielgruppe, und Journey Optimizer wählt Journey und Angebot.
  4. 4Die Hotel-Website erhält die Entscheidung über das Edge Network und rendert sie hinter einem Prehiding-Snippet.
  5. 5Der Seiten-Content kommt per GraphQL Persisted Queries aus AEM: Entwürfe von Author, gecachte Seiten von Publish.

Datenmodell für Gäste

Die Demo-Marke Lumière Hotels ist fiktiv, daher mussten ihre Kundendaten von Grund auf konzipiert werden. Ich habe an den Teilen gearbeitet, die einen Anrufer mit einem Website-Besucher verbinden:

  • XDM-Schemas für Gäste: ein Schema für das Gästeprofil sowie Events für Aufenthalte und Reservierungen.
  • Identity Namespaces: ECID, E-Mail und Loyalty-ID, damit ein Gast im Contact Center und auf der Website wiedererkannt wird.
  • Zielgruppen: auf Basis des einheitlichen Profils; sie entscheiden, welches Journey-Optimizer-Angebot die Website zeigt.
  • Touchpoints
  • Adobe Experience Platform
  • Datenmodell
Gästedatenmodell von Lumière HotelsWebsite-Besuche, Contact-Center-Anrufe und Loyalty-Anmeldungen tragen jeweils eine Identität; Identity Namespaces führen sie zu einem XDM-Gästeprofil zusammen, und Zielgruppen auf diesem Profil steuern Journey-Optimizer-Angebote.TouchpointWebsite-BesuchWeb SDKTouchpointContact-Center-AnrufAgenten-ArbeitsplatzTouchpointLoyalty-AnmeldungLumière-MitgliedAEPIdentity NamespacesZu einem Gast verknüpft2ECIDEmailLoyalty IDXDMXDM-GästeprofilLumière-Schemas3GästeprofilAufenthalts- & BuchungseventsRT-CDPZielgruppenSteuern AJO-Angebote14
  1. 1Jeder Touchpoint trägt eine Identität: ECID auf der Website, E-Mail oder Loyalty-ID im Anruf und bei der Anmeldung.
  2. 2Identity Namespaces verknüpfen diese Identitäten zu einem Lumière-Gast.
  3. 3Gästeprofil und Aufenthaltsevents sind mit XDM-Schemas modelliert.
  4. 4Zielgruppen auf dem einheitlichen Profil entscheiden, welches Journey-Optimizer-Angebot die Website zeigt.

Entscheidend dafür, die Demo für den Summit fertigzustellen, und hat einen Grossteil der Entwicklung vorangetrieben.

Senior Director, Engineering
Adobe-Summit-2026-Demo

Er war der zentrale Knotenpunkt des Projekts und hat mehrere Plattformen wie AEM, Next.js, die Callcenter-App, AEP, AJO und weitere integriert.

Manager, Digital Marketing
Adobe-Summit-2026-Demo

Laurentiu hat ganz klar die Führung übernommen und das Adobe-Summit-Projekt als Ganzes verantwortet.

Senior Analytics Architect
Adobe-Summit-2026-Demo

Ergebnisse

  • Live auf dem Adobe Summit 2026 gezeigt: am Stand der Agentur in Las Vegas vom 20. bis 22. April 2026 vorgeführt, wo ich sie den Besuchern präsentiert habe.
  • Eine Codebasis, zwei Anwendungen: Hotel-Website und Agenten-Arbeitsplatz teilen sich Content-Modelle, Authentifizierung und Deployment.
  • Von Marketern bearbeitbar: Der Universal Editor funktioniert in der Live-App, mit Entwürfen aus AEM Author und gecachten Seiten aus Publish.
  • Für die Wiederverwendung dokumentiert: Ich habe die technische Dokumentation und das Runbook verfasst, damit die Demo erneut ausgeführt und erweitert werden kann.