Building block components on LWR store pages
Key Takeaway
On an LWR store page, you can swap out one building block for a custom Lightning web component, exposed with lightningCommunity__Page, instead of rebuilding the page.
B2B stores built on the Lightning Web Runtime (LWR) platform use pages made of building block components. A building block is a small unit of functionality split out from a large, multifunctional component. You can change one unit and leave the rest of the page alone, which makes customizing a store page easier and faster.
Why building blocks are easier to customize
For example, a Product Page can contain three multifunctional components with many features. Traditionally, customizing one element meant addressing all of those components and rebuilding the entire page, which cost a lot of time and resources.
LWR store pages avoid that problem because building blocks break large components into smaller units. Each building block is a discrete unit of functionality, so you can swap out one component instead of rebuilding the entire page.
You add building blocks to a page by dragging them from the Experience Builder component catalog, the same way you add other store components.