Building LWR Sites with LWC

Experience CloudBuilding LWR Sites with LWCA developer's guide to LWR sites: static publishing and CDN caching, Experience Builder targets and properties, theme and page layouts, --dxp styling hooks, expressions and data binding, navigation, Light DOM, CMS, SEO, search, user context, deployment with DigitalExperienceBundle, and a complete partner 'My Deals' page.Intermediate · about 100 minutesWhat you will learn

Explain LWR's publish-time freezing and caching model and know what requires a republish

Expose LWCs to Experience Builder with the right targets, properties and expression support

Build custom theme layouts and page layouts with slots and F6 regions

Brand an LWR site with the Theme panel and --dxp styling hooks, and use the hooks in custom components

Use expressions, navigation, Light DOM, CMS content and user context correctly on LWR sites

Retrieve, deploy and publish enhanced LWR sites with DigitalExperienceBundle and the sf CLI

Build a secure partner 'My Deals' page with LWC and Apex end to end

Contents

LWR architecture: publish-time freezing and caching

Creating an LWR site

Exposing components to Experience Builder

Theme layouts and page layouts

Branding: the Theme panel and --dxp styling hooks

Expressions and data binding

Navigation

Light DOM on LWR sites

User and site context

Data access patterns

CMS and content

SEO

Site search

Deploying LWR sites with DigitalExperienceBundle

Performance checklist

Worked example: a partner "My Deals" page

Best practices

Common pitfalls

Hands-on exercises

Key takeaways