Verified:Website 𝕏@salesforcedevs GitHub

generating-ui-bundle-site

Generate Salesforce Digital Experience metadata for hosting React UI bundles.

803|289|Updated Nov 7, 2025

Search Tags:#react #metadata generation #digital experience #ui bundle #salesforce site #digitalexperiencebundle #network customsite

Ready to run

npx skills add https://github.com/forcedotcom/sf-skills --skill generating-ui-bundle-site-forcedotcom

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: generating-ui-bundle-site
Source: https://github.com/forcedotcom/sf-skills/tree/main/skills/generating-ui-bundle-site
Command: npx skills add https://github.com/forcedotcom/sf-skills --skill generating-ui-bundle-site-forcedotcom

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

It eliminates the manual setup work required to create and configure the Salesforce Digital Experience site infrastructure needed to host a React UI bundle.

Core Features & Use Cases

Net-new Digital Experience provisioning: Creates the minimum required metadata records for a React UI bundle site (Network, CustomSite, DigitalExperienceConfig, DigitalExperienceBundle, and sfdc_cms__site content).
Correct React container wiring: Ensures the site behaves as a thin container (appContainer: true) that delegates rendering to the UIBundle via appSpace.
Guest access configuration: Sets guest enablement in the Network and updates the relevant site behavior for unauthenticated access.

Quick Start

Activate this skill when your Salesforce project contains a uiBundles/*/src directory and you want to create or configure a Digital Experience Site to host and publish the React UI bundle.

Frequently Asked Questions about generating-ui-bundle-site

High-intent search queries and answers about installing and using this skill.

FAQPage Schema

How do I create a Salesforce Digital Experience site to host a React UI bundle?▼

To create a Salesforce Digital Experience site for a React UI bundle, you need to generate a consistent set of Network, CustomSite, DigitalExperienceConfig, DigitalExperienceBundle, and sfdc_cms__site metadata records. This metadata configures the site to act as a thin container that delegates rendering to the UIBundle.

What metadata is required to publish a React app on a Salesforce Experience Site?▼

Publishing a React app on a Salesforce Experience Site requires Network, CustomSite, DigitalExperienceConfig, DigitalExperienceBundle, and sfdc_cms__site records. These artifacts resolve the siteName, urlPathPrefix, and UIBundle namespace to wire the container correctly.

How do I configure guest access for a Salesforce site hosting a UI bundle?▼

Configuring guest access for a UI bundle site involves setting guest enablement in the Network metadata and updating the relevant site behavior. This ensures unauthenticated users can access the published React application.

When do I need to generate DigitalExperienceBundle metadata for my Salesforce project?▼

You need to generate DigitalExperienceBundle metadata when your project contains a uiBundles/*/src directory and you want to provision a new site or update an existing one for hosting, publishing, or configuring guest access for the React bundle.

Can I use a React UI bundle with a Salesforce CustomSite as a thin container?▼

Yes, a React UI bundle works with a Salesforce CustomSite by configuring the site as a thin container with appContainer set to true. The site delegates rendering to the UIBundle via the appSpace configuration.