header-mobile-bg

CoreMedia Goes Spartacus

For some time, “headless” has been the hottest trend in Content Management Systems (CMS). And for a very good reason. A headless architecture allows enterprises to separate content data from the frontend display, splitting up the frontend and backend, and therefore paving the way for an agile, microservice-based architecture.

For some time, “headless” has been the hottest trend in Content Management Systems (CMS). And for a very good reason. A headless architecture allows enterprises to separate content data from the frontend display, splitting up the frontend and backend, and therefore paving the way for an agile, microservice-based architecture.

As a CMS vendor with a 24-year legacy of innovation, CoreMedia fully embraces headless architecture. In fact, a clear separation of content from frontend delivery – as well as a structured view independent of content data – has always been part of CoreMedia’s DNA. CoreMedia Content Cloud has always been a fully decoupled CMS with its separation of the management and delivery sides.

Now here comes Spartacus, SAP’s first Angular-based frontend store for SAP Commerce Cloud. It’s a powerful eCommerce tool that’s been winning over customers and partners left and right. Naturally, one of the first questions is: Can CoreMedia Content Cloud integrate with Spartacus?

The answer, of course, is: Yes, we can.

In fact, we can do it much better than other systems. This is because CoreMedia has decades of experience integrating with flexible frameworks like Spartacus. And it means we can support advanced content management capabilities, such as shoppable stories, images, and videos, which requires integration of both the eCommerce catalog and frontend.

CATALOG INTEGRATION

For some background, the catalog integration of SAP Commerce Cloud (formerly Hybris) is already part of CoreMedia Content Cloud. This means the content editor can access the product catalog in real-time right from within our editing tool, CoreMedia Studio. Using the same tools for all content pieces, editors can easily access products and categories and combine them with editorial content to create more engaging experiences.

Examples here include product and category banners, stories with embedded products, or shoppable images and videos. And because CoreMedia´s delivery components are commerce-enabled, all commerce data is loaded on-demand via the respective APIs of the eCommerce system using the commerce hub adapter.

Screenshot SAP Commerce Cloud Catalog

Screenshot SAP Commerce Cloud Catalog

FRONTEND INTEGRATION

Based on the existing CoreMedia Headless Server, which provides a flexible GraphQL API, the frontend integration is straightforward.

CREATE A COREMEDIA COMPONENT IN SPARTACUS

The Spartacus storefront uses the same CMS page-building concepts as other Hybris storefronts. Pages are based on templates with different slots that contain components. A component can be a native Spartacus CMS banner component or a CoreMedia component. The latter comes out of the box with CoreMedia’s SAP Commerce Cloud integration and can be used with Spartacus as well. A developer only needs to create the corresponding view component in Spartacus, based on Angular.

Once registered with the Spartacus layout builder, Spartacus will build CoreMedia components in the respective page slots as they have been defined by a business user in Smartedit.

Screenshot Creating a CoreMedia Component

Screenshot Creating a CoreMedia Component

RETRIEVE HEADLESS CONTENT DATA

After being created, the CoreMedia components then need to be filled with content data. For that, we have injected an Apollo GraphQL client into the Angular app, which retrieves the data from the CoreMedia Headless Server GraphQL API, based on the content slot information. This data is then used to create the individual view components, such as teasers, videos, slideshows, and lists.

If you want to learn how to write GraphQL queries for CoreMedia, take a look at this post.

Spartacus Category Page

Spartacus Category Page

COREMEDIA STUDIO INTEGRATION

CoreMedia supports content editors with multiple preview features. For example, CoreMedia Studio allows users to trigger an “integrated” preview based on delivery channel, target device, scheduled time, and persona. And these features are available in a headless frontend such as Spartacus as well.

To set this up, we only have to include the CoreMedia preview JavaScript files in the Spartacus app. After adding some additional device size configurations in the storefront header, Spartacus is able to run right inside the CoreMedia Studio preview panel, offering basic preview features like viewport selection. By adding more metadata to our components, we can enable preview-driven editing. Our documentation provides a comprehensive view of how to set up content metadata.

Screenshot Spartacus with Preview

Screenshot Spartacus with Preview

CONCLUSION

Of course, for a full production-ready integration there are many more steps. As with every system integration, the devil is in the details. But hopefully this post provides a good overview of how straightforward the process is due to the existing product integration of CoreMedia Content Cloud and SAP Commerce Cloud and the CoreMedia Headless Server based on GraphQL.

To learn more about how CoreMedia can help SAP customers, download a free copy of our new guide 5 Smart Ways to Optimize Your SAP Commerce Cloud Solution.

PhilipHemptenmacher_retu_sRGB

Philip Hemptenmacher

How an omnichannel CMS turns in-store screens into sales

How an omnichannel CMS turns in-store screens into sales 

Imagine this: You're walking past a local energy provider’s store. A screen in the window displays a personalized offer for your postcode. You’ve...
Soeren Stamer ceo white male glasses

Sören Stamer

Introducing In-Preview Editing for CoreMedia Content Cloud

Introducing In-Preview Editing for CoreMedia Content Cloud

Edit content directly in the preview with the In-Preview Editing Extension — no tab switching, no guesswork. Just fast, intuitive updates that...
Sebastian Buettner profile

Sebastian Büttner

LLMs changed the rules of search How to succeed in Generative Engine Optimization (GEO) with CoreMedia

LLMs changed the rules of search: How to succeed in Generative Engine Optimization (GEO) with CoreMedia

Search optimization isn’t about climbing rankings anymore. It is about being part of an AI-generated answer.
Marjolein van der Kolk-Mai

Marjolein van der Kolk-Mai

Digital accessibility is no longer optional_article

Digital accessibility is no longer optional: How the European Accessibility Act redefines inclusion

Starting in June 2025, the European Accessibility Act (EAA) will come into force across the European Union, setting minimum accessibility...
Mariana Gaspar

Mariana Gaspar

Soeren presentation at connect 2025

Is your CX as smart as you think? Sören Stamer on leading the intelligent CX revolution

At CoreMedia Connect & Partner Engage 2025, CoreMedia’s CEO and Co-Founder Sören Stamer took the stage with a bold promise: to challenge...
Mariana Gaspar

Mariana Gaspar

Connect and Partner Engage 2025

The Intelligent CX Revolution: Highlights from Connect & Partner Engage 2025

On May 15, 2025, digital innovators, business leaders and strategic partners met at the Kehrwieder Theater in Hamburg for CoreMedia’s annual...
Mariana Gaspar

Mariana Gaspar

Customer profiles: How to build and use them for smarter personalization

Customer profiles: How to build and use them for smarter personalization

Why do some brand interactions feel effortless, like they were made just for you, while others fall flat? The answer often lies in how well a...
Mariana Gaspar

Mariana Gaspar

CoreMedia now

29 years of CoreMedia: A story of curiosity, code and (a little) chaos

From a tiny corner office with green floors and controversial furniture to powering digital experiences for the world’s leading brands.
Mariana Gaspar

Mariana Gaspar

Enhancing digital experiences with location-based personalization

Enhancing digital experiences with location-based personalization

People are tired of one-size-fits-all marketing. These days, they expect brands to know them and to understand what they like, need and care about.
Sebastian Buettner profile

Sebastian Büttner

CoreMedia Girls Day 2025 Feature

Empowering the next generation of women in tech: Celebrating Girls' Day at CoreMedia

Our Hamburg office was buzzing with energy because it was Girls' Day today! This nationwide event gives teenage girls the chance to discover...
white female barbara eigner

Barbara Eigner