Have you asked yourself how to build single-page applications or a progressive web apps with CoreMedia? Spark provides guidance and examples for developers on how to best develop applications by means of the data provided by the CoreMedia Content Cloud and its Headless server.
CoreMedia customers can use Spark as a quick start for building prototype applications. Note that we do not recommend the use of these prototype apps in production environments.
This CoreMedia Labs project includes two React applications and two server components:
- spark - Provides guidance for frontend developers that are building websites and other applications based on the CoreMedia Headless server with code examples and documentation on:
- Preview Driven Editing
- Time Travel
- Placement Highlighting
- Content Search
- Fragment Preview and many others
- standalone-fragment - Demonstrates the ability to load fragments from a CoreMedia Content Cloud and render it on an external website. For example, by injecting resources client side through a tag management solution like the Google Tag Manager.
- stitching-server - Provides a GraphQL Endpoint for the apps.
- mocking-server - Provides generic commerce data for the stitching server.
Although we chose React with which to build Spark, the principles can easily be transferred to other component libraries and frameworks such as Vue and Angular.
This is installed and started with Node.js & pnpm.
You need Node.js, pnpm and a running instance of the CoreMedia Content Cloud.
Download the app here: https://github.com/CoreMedia/coremedia-headless-client-react
- CoreMedia Content Cloud
This App is part of CoreMedia Labs. CoreMedia Labs provides access to our latest and greatest product enhancements, ideas, and early prototypes. We want to share this with our customers and partners early to collect feedback and learn how to improve our software.
The code we provide is meant to be example code, illustrating a set of features that could be used to enhance your CoreMedia experience. We'd love to hear your feedback on use-cases and further developments! Please refer to the Github issues section if you have problems with our code. If you already have a solution to an issue, we love to review and integrate your pull requests.