This is a CoreMedia Content as a Service (CaaS) - Prototype Application based on React and bootstrapped with Create React App.
This sample application showcases the inclusion of CoreMedia Content-Fragments into existing webpages using the Headless-API.
Custom elements in the HTML markup define the fragments to include (see index.html):
<cm-fragment data-id="home.hero" data-show="teaser" data-view="hero" data-params='{"color": "blue", "ctaShow": true}'></cm-fragment>
Each of these elements is replaced with a React component at runtime, requesting content data from the Headless Server and rendering it with additional HTML markup to the page.
Configure, install and run the
CoreMedia Headless Server with the
supplied default configuration.
Import the sample content from server's workspace into your
CoreMedia repository.
Configure the CoreMedia Headless Server host and port in the appropriate .env files.
$ yarn installyarn start
Runs the app in the development mode.
Open http://localhost:3000 to
view it in the browser.
The page will reload if you make edits.
You will also see any lint errors in the console.
yarn test
Launches the test runner in the interactive watch mode.
See the section about
running tests for more information.
yarn build
Builds the app for production to the build folder.
It correctly bundles React in production
mode and optimizes the build for the best performance.
The build is minified and the filenames include the hashes.
Your app is ready to be deployed!
Welcome to CoreMedia Labs! This repository is part of a platform for developers who want to have a look under the hood or get some hands-on understanding of the vast and compelling capabilities of CoreMedia. Whatever your experience level with CoreMedia is, we've got something for you.
Each project in our Labs platform is an extra feature to be used with CoreMedia, including extensions, tools and 3rd party integrations. We provide some test data and explanatory videos for non-customers and for insiders there is open-source code and instructions on integrating the feature into your CoreMedia workspace.
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! If you're having problems with our code, please refer to our issues section.