Über

Haben Sie sich schon einmal gefragt, wie Sie mit CoreMedia Single-Page-Anwendungen oder progressive Web-Apps erstellen? Spark bietet Entwicklern Anleitungen und Beispiele für die optimale Entwicklung von Anwendungen mithilfe der von der CoreMedia Content Cloud und ihrem Headless-Server bereitgestellten Daten.

CoreMedia-Kunden können Spark als schnellen Einstieg zum Erstellen von Prototypanwendungen verwenden. Beachten Sie, dass wir die Verwendung dieser Prototyp-Apps in Produktionsumgebungen nicht empfehlen.

Dieses CoreMedia Labs-Projekt umfasst zwei React-Anwendungen und zwei Serverkomponenten:

• spark – Bietet Anleitungen für Front-End-Entwickler, die Websites und andere Anwendungen basierend auf dem CoreMedia Headless-Server erstellen, mit Codebeispielen und Dokumentation zu:
  • Vorschau der getriebenen Bearbeitung
  • Zeitreise
  • Hervorhebung der Platzierung
  • Inhaltssuche
  • Fragmentvorschau und viele andere
• standalone-fragment – Demonstriert die Möglichkeit, Fragmente aus einer CoreMedia Content Cloud zu laden und auf einer externen Website zu rendern. Zum Beispiel, indem Ressourcen clientseitig über eine Tag-Management-Lösung wie den Google Tag Manager eingefügt werden.
• stitching-server – Stellt einen GraphQL-Endpunkt für die Apps bereit.
• mocking-server – Stellt allgemeine Handelsdaten für den Stitching-Server bereit.

Obwohl wir uns für die Erstellung von Spark für React entschieden haben, können die Prinzipien problemlos auf andere Komponentenbibliotheken und Frameworks wie Vue und Angular übertragen werden.

Installation

Dieses wird mit Node.js & pnpm installiert und gestartet.

Sie benötigen Node.js, pnpm und eine laufende Instanz der CoreMedia Content Cloud.

Laden Sie die App hier herunter: https://github.com/CoreMedia/coremedia-headless-client-react 

Anforderungen

• CoreMedia Content Cloud

Support

Diese App ist Teil von CoreMedia Labs. CoreMedia Labs bietet Zugriff auf unsere neuesten und besten Produktverbesserungen, Ideen und frühen Prototypen. Wir möchten dies frühzeitig mit unseren Kunden und Partnern teilen, um Feedback zu sammeln und zu lernen, wie wir unsere Software verbessern können.

Der von uns bereitgestellte Code ist als Beispielcode gedacht, der eine Reihe von Funktionen veranschaulicht, die zur Verbesserung Ihres CoreMedia-Erlebnisses verwendet werden können. Wir freuen uns über Ihr Feedback zu Anwendungsfällen und Weiterentwicklungen! Bitte lesen Sie den Abschnitt Github-Probleme, wenn Sie Probleme mit unserem Code haben. Wenn Sie bereits eine Lösung für ein Problem haben, prüfen und integrieren wir gerne Ihre Pull-Requests.