Lesson: Blueprint Development

In this lesson, you will learn more on how to customize Blueprint to manage the look and feel of your sites and behavior of your page components. Blueprint is a design system aimed at accelerating the implementation of new sites in the HCL DX platform. It implements an advanced system of rendering React components as page components, which are configured and hydrated with data from WCM library components and content items. It features a wide range of page components that can serve as patterns for quickly building your own library of components. It comes with a theme that is easy to customize while maintaining consistency using design tokens.

Watch the video and then try it out with the lab below.

You can also download the lab and corresponding resources files from the Lesson Files and use the Lesson Links.

Nécessaire

Incomplet