EnglishFrançais

Intégrez votre système de design à Jahia

Découvrez comment intégrer les systèmes de conception HTML/CSS et React dans Jahia afin de créer des composants CMS réutilisables et d'offrir une expérience d'édition cohérente.

  • Rediffusion gratuite
  • 30 min
  • Technique

Présenté par Gautier Ben Aïm

Replay chapters

 

00:00 Introduction et principaux défis

05:00 Choisir entre HTML/CSS et React

12:00 Créer des composants réutilisables avec l'Atomic Design

19:00 Composition vs configuration

25:00 Rendu côté serveur et architecture en îlots

27:00 Créer des composants métier adaptés aux éditeurs

À propos de ce webinaire

 

L'intégration d'un système de design dans un CMS d'entreprise ne se limite pas à l'affichage de composants. Elle nécessite de choisir la bonne architecture, de mettre en place des bases front-end faciles à maintenir et de créer une expérience d'édition qui donne les moyens d'agir aux équipes de contenu sans pour autant sacrifier la cohérence.

Au cours de cette session technique, Gautier Ben Aïm, Developer Advocate chez Jahia, partage des conseils pratiques pour intégrer à la fois des systèmes de design HTML/CSS et React dans Jahia. À travers des exemples concrets de mise en œuvre, il explique comment structurer des composants CMS réutilisables, regrouper efficacement les styles, tirer parti des modules JavaScript, mettre en œuvre le rendu côté serveur et l’architecture en îlots, et concevoir des composants orientés métier qui simplifient la création de contenu tout en restant évolutifs au fil du temps.

Technologies covered

Cette session explore les technologies et les modèles architecturaux couramment utilisés pour intégrer les systèmes de conception d'entreprise dans Jahia.

  • React
  • HTML/CSS
  • Conception atomique
  • Modules JavaScript
  • Rendu côté serveur (SSR)
  • Architecture en îlots
  • Intégrations JSP
  • Composants CMS réutilisables
  • Composition de composants
  • Systèmes de conception
  • Architecture CMS d'entreprise

Obtenez une estimation claire pour votre projet

Nos experts vous aident à définir la plateforme, l'hébergement et le niveau d'audience adaptés à vos besoins.

image-internationalized