For Frontend Developers
Bloomreach Experience Manager supports headless delivery through SPA SDKs, a Page Model API, and the Open UI extension framework. Whether you're building with React, Angular, Vue.js, or Next.js, the Frontend section covers integration from setup to production.
What you'll find in the Frontend section
SPA Integration
Connect your single-page application to brXM using the official SDKs. The Page Model API provides structured page data that your frontend components consume.
React & Next.js
Follow the Build a Website tutorial for a hands-on walkthrough, then explore dynamic components and commerce integration patterns.
Channel Editor
Understand how the visual Channel Editor works from a frontend perspective — catalog configuration, containers, and component mapping.
Templates & Rendering
Work with Freemarker templates for server-side rendering, or bypass templates entirely with the headless API.
Open UI Extensions
Extend the CMS authoring experience with custom document field extensions, page tools, and sidebar panels using the Open UI framework.
Commerce Integration
Integrate with Bloomreach Discovery, commerce backends, and the Commerce Connector SDK.
Recommended starting points
- SPA SDK Overview — understand the headless architecture
- Build a Website — full tutorial from project creation to deployment
- Page Model API — the core API your frontend consumes
- Open UI Extensions — extend the CMS with your own tools