Warning
This example is intended for demonstration purposes only and is not supported for production applications in Optimizely's Content and Commerce Cloud. The approach launches a NodeJS server and proxies requests to a frontend application, which can result in performance and stability issues.
This is an example project showing a decoupled backend (Optimizely Content Cloud) and frontend (Next.JS), which retains the editor experience and capability of a "traditional" Optimizely Content Cloud implementation.
Please make sure that the following tools are installed:
Note: Please refrain from using native module support (Node-Gyp) or ensure it's working correctly and able to build native modules.
To successfully install the two applications, you need to go through these steps:
-
Install the CMS, by following the instructions in the backend docs.
-
Start the CMS and make sure it's running (typically at http://localhost:8000).
If you have the CMS running at a different domain/port, you must manually adjust the instructions in the next steps.
-
Install the frontend, by following the instructions in the frontend docs.
The backend leverages the built-in OIDC server to perform authentication, which requires encryption of the messages between server and client. If - and only if - the environment resolves to a development environment the built-in development certificates are used.
Details: Backend docs
Warning: After the initial installation & configuration you MUST perform a number of configuration steps to make the included content-pack and features operational. These are detailed in the Backend Docs linked above.
Details: Frontend docs
Both applications do not have special components and can be deployed to hosting environments for their respective tech-stack.
The "tools" folder contains an example script allowing you to build the Headless.Cms project and deploy it into DXP. Example script