Experience Cloud Developer Guide

Get Up to Speed with Experience Builder Sites
Before You Begin
What Is Salesforce Lightning?
Which Experience Builder Template Do I Use?
Develop Experience Builder Sites: The Basics
Customize the Look and Feel of an Experience Builder Template
Develop Secure Sites: Authenticated and Guest Users
Develop Secure Sites: Lightning Locker and CSP
Analyze and Improve Experience Builder Site Performance
Add Pardot Tracking to Your Experience Builder Site
Use a CMS with Your Experience Builder Site
Report on Deflections: The Deflection Signals Framework
Deploy an Experience Cloud Site from Sandbox to Production
PDF

Newer Version Available

This content describes an older version of this product. View Latest

Before You Begin

Before you begin developing custom Experience Builder sites, ensure that you’re familiar with developing in Lightning.

You can create Experience Builder sites and Lightning components in Enterprise, Performance, Unlimited, and Developer Editions, or a sandbox.

To use this guide successfully, it helps to have:
  • An org with Digital Experiences enabled
  • A new or existing site that’s based on an Experience Builder template or a Lightning Bolt Solution
  • Familiarity using Experience Builder
  • Experience developing Lightning components and using CSS

Resources for Lightning Development

Unfamiliar with Lightning development? Then check out these resources.
Lightning Aura Components Developer Guide
The go-to guide for all things Aura. The foundational concepts and approaches the guide documents form the bedrock of this guide. Think of the Experience Cloud Developer Guide as Part 2 in the development series; it’s no use to you until you familiarized yourself with Part 1.
Lightning Web Components Developer Guide
Learn how to develop Lightning web components, custom HTML elements built using HTML and modern JavaScript.
LWR Sites for Experience Cloud Developer Guide
Develop sites that load quickly and scale well using the Build Your Own (LWR) template for Experience Cloud. This template is based on the latest Lightning Web Runtime (LWR) and the Lightning Web Components (LWC) programming model.
Aura Components Basics (Trailhead Module)
Use Aura components to build modern web apps with reusable UI components. Learn core Lightning components concepts and build a simple expense tracker app that can be run in a standalone app, the Salesforce mobile app, or Lightning Experience.
Build Lightning Web Components (Trailhead Trail)
Develop reusable Lightning web components using JavaScript and HTML.
Quick Start: Aura Components (Trailhead Project)
Create your first component that renders a list of contacts from your org.
Build a Custom Theme Layout Component for Experience Builder Sites (Trailhead Project)
Customize your Experience Builder site with a theme layout component.
Lightning Components Performance Best Practices (Blog Post)
Learn about Lightning characteristics that impact component performance, and get best practices to optimize your components.

Resources for Experience Cloud

Unfamiliar with Experience Cloud? Then check out these resources.
Set Up and Manage Experience Cloud Sites (Help)
Create branded sites using templates to interact directly with your customers and partners online.
Expand Your Reach with Experience Cloud (Trailhead Trail)
Learn the tools you need to get started with Salesforce Experience Cloud.
Experience Cloud Overview (Help)
Stay up to date on other Experience Cloud resources.