EnglishFrançais

Integrate your design system into Jahia

Learn how to integrate HTML/CSS and React design systems into Jahia to build reusable CMS components and deliver a consistent editing experience.

  • Free replay
  • 30 min 
  • Technical

Presented by Gautier Ben Aïm

Replay chapters

 

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

About this webinar

 

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.

Technologies covered

This session explores the technologies and architectural patterns commonly used to integrate enterprise design systems into Jahia.

  • React
  • HTML/CSS
  • Atomic Design
  • JavaScript Modules
  • Server-side Rendering (SSR)
  • Island Architecture
  • JSP Integrations
  • Reusable CMS Components
  • Component Composition
  • Design Systems
  • Enterprise CMS Architecture

Get a quote for your project

Our experts help you define the right platform, hosting, and infrastructure tier for your needs

image-internationalized