Integrating Micro-Frontends Into CoreMedia Studio - CMCC 12

Last updated 16 minutes ago

Find resources for the development of micro-frontends in the Studio

LightbulbWhat you'll learn

  • Get resources for developing micro-frontends in the Studio

Person reading a bookPrerequisites

  • Studio development experience

WristwatchTime matters

5 minutes

Person in front of a laptopShould I read this?

This guide is for Developers.

Following this guide and trying out the examples yourself requires CMCC v.12.2506.0.0 system or higher!

To integrate UI widgets into the Studio’s content app that are not based on ExtJs, we follow an approach based on micro-frontend web components. We use Webpack’s module federation mechanism to share modules and their exported members between the content app and the embedded micro-frontends.

Currently, this approach is still under development and we do not offer public API extension points or a development documentation. However, things are stable enough (especially the build process and its configuration) that you can begin to try it out yourself and develop your own web components.

Changes to custom code might be necessary in the future!

Here you find an example workspace that can be used as a template for your own web components:

Example - Simple

In this example, a simple property field is added to the top of the Content tab of a CMArticle form.

Download the example workspace here.

studio microfrontend simple example
Copyright © 2025 CoreMedia GmbH, CoreMedia Corporation. All Rights Reserved.Privacy | Legal | Imprint
Loading...