Note: This release is in preview. Features described here don’t become generally available until the latest general availability date that Salesforce announces for this release. Before then, and where features are noted as beta, pilot, or developer preview, we can’t guarantee general availability within any particular time frame or at all. Make your purchase decisions only on the basis of generally available products and features.

Key Resources for Developing LWR Sites

Check out these resources to learn more about the main elements you use when developing an LWR site in Experience Cloud.

Code Sample Files

To help you build your custom LWR site, we provide several code samples in a .zip file. Download the file and extract the samples. Then, in each section of this guide, we specify which examples to examine.

Code sample codeSamples.zip

LWR Sites

Check out these additional resources to help you get started with your LWR site.

Video series How to Build LWR Sites with Experience Cloud (Series)

Video series Did You Know (Series)

Code sample Experience Cloud LWR Apps

Code sample AZ Insurance – Sample App

Guide Lightning Web Runtime

Lightning Web Components

Lightning Web Components is a programming model for building efficient Lightning web components and experiences. It uses modern ES6+ JavaScript and transpilation, which allows you to write modern JavaScript that works in any current browser.

You can build Lightning components using two programming models—Lightning Web Components and the original model, Aura Components.

When we refer to the programming models, we use Lightning Web Components or LWC, and Aura Components, capitalized.

When we refer to the components, we use lowercase—Lightning web components and Aura components.

Note

Guide Lightning Web Components Developer Guide

Trailhead Build Lightning Web Components

Guide Lightning Web Components Reference

Blog post Introducing Lightning Web Components

Blog post Lightning Web Components in Lightning Communities

Code sample Ebikes - Communities LWC Demo

Salesforce DX

Salesforce Developer Experience (DX) provides a set of tools to manage and develop apps across their entire development lifecycle. It enables source-driven development and team collaboration, and it makes the release cycle more efficient and agile.

Guide Salesforce DX Setup Guide

Guide Salesforce DX Developer Guide

Video Get Started with SFDX

Code sample Salesforce Extensions for Visual Studio Code

Trailhead Build Apps Together with Package Development

User Interface API

The Salesforce User Interface API provides endpoints to build UI components with Salesforce record data. Use it to build UIs that let users work with records, list views, actions, favorites, and more.

Guide User Interface API Developer Guide

Trailhead User Interface API

Blog post Introduction to the Salesforce UI API

Apex

Apex is a strongly typed, object-oriented programming language that enables you to execute business-logic transactions on Salesforce servers.

Guide Apex Developer Guide

LWR Sites for Experience Cloud