Headless Experiences

Experience CloudHeadless ExperiencesUse an Experience Cloud site as the identity, data and content backend for React, Next.js or mobile front ends: Headless Identity APIs (login, registration, passwordless, forgot password), External Client App setup, calling UI API, GraphQL and Apex REST as an external user, CMS content delivery, guest API access, CORS, and a complete Next.js example.Advanced · about 100 minutesWhat you will learn

Decide when a headless front end is a better fit than an LWR site, and what the Experience Cloud site still does in a headless architecture

Configure the org, the Experience Cloud site and an External Client App for Headless Identity

Implement headless login (Authorization Code and Credentials Flow with PKCE), registration, passwordless login and forgot password

Call UI API GraphQL, REST and Apex REST through the site as an external user, with sharing enforced

Deliver CMS content and other public data to anonymous visitors safely

Build a Next.js backend-for-frontend that logs customers in headlessly and lists their cases

Contents

Why go headless, and why not

What the Experience Cloud site does in a headless setup

Setting up Headless Identity

The flows in detail

Calling APIs as the external user

Public data, guest access and CMS delivery

CORS and token storage

Worked example: Next.js headless login and "My Cases"

Considerations: licensing, limits and caching

Best practices

Common pitfalls

Hands-on exercises

Key takeaways