Learn how to integrate HTML/CSS and React design systems into Jahia to build reusable CMS components and deliver a consistent editing experience.
Presented by Gautier Ben Aïm
00:00 Introduction and key challenges
05:00 Choosing between HTML/CSS and React
12:00 Building reusable components with Atomic Design
19:00 Composition vs. Configuration
25:00 Server-side Rendering and Island Architecture
27:00 Creating editor-friendly business components
Integrating a design system into an enterprise CMS is about more than displaying components. It requires choosing the right architecture, building maintainable front-end foundations and creating an editing experience that empowers content teams without sacrificing consistency.
In this technical session, Gautier Ben Aïm, Developer Advocate at Jahia, shares practical guidance for integrating both HTML/CSS and React design systems into Jahia. Through real implementation examples, he explains how to structure reusable CMS components, package styles efficiently, leverage JavaScript Modules, implement Server-side Rendering and Island Architecture, and design business-oriented components that simplify content creation while remaining scalable over time.
This session explores the technologies and architectural patterns commonly used to integrate enterprise design systems into Jahia.
Our experts help you define the right platform, hosting, and infrastructure tier for your needs
