experience-ui-bundle-site-generate

Generates Salesforce Digital Experience Site metadata for hosting React UI bundles.

Updated Jul 2, 2026
One-click install
npx skills add https://github.com/padjei/SF_Build --skill experience-ui-bundle-site-generate-padjei
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: experience-ui-bundle-site-generate
Source: https://github.com/padjei/SF_Build/tree/main/.claude/skills/experience-ui-bundle-site-generate
Command: npx skills add https://github.com/padjei/SF_Build --skill experience-ui-bundle-site-generate-padjei

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve? Setting up a Salesforce Digital Experience Site to host a React UI bundle requires creating and correctly wiring five interdependent metadata types (Network, CustomSite, DigitalExperienceConfig, DigitalExperienceBundle, and the sfdc_cms__site content record), where a single misconfigured property results in a blank page or failed deployment. ## Core Features & Use Cases - Guided Property Resolution: Resolves five required properties (siteName, siteUrlPathPrefix, appNamespace, appDevName, enableGuestAccess) through fallback chains including sfdx-project.json inspection and org queries. - Template-Based Metadata Generation: Produces net-new Network, CustomSite, DigitalExperienceConfig, DigitalExperienceBundle, and sfdc_cms__site files from default templates with placeholder substitution. - URL Update Workflow: Documents the three-component site architecture and keeps primary and secondary urlPathPrefix values synchronized across DigitalExperienceConfig, Network, and CustomSite. - Use Case: A developer has a React app deployed as a UIBundle and needs a public-facing Salesforce site to host it; this Skill generates all required metadata and validates it with sf project deploy validate. ## Quick Start Create a Digital Experience Site named MyCommunity that hosts my existing React UI bundle and validate the deployment against my target org.

Frequently Asked Questions about experience-ui-bundle-site-generate

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

FAQPage Schema
How do I host a React app on a Salesforce Experience Site?▼

Deploy the React app as a UIBundle, then generate a Digital Experience Site with appContainer set to true and appSpace pointing to the bundle's namespace and developer name. The site acts as a thin container that delegates rendering to the React bundle.

What metadata is required for a Salesforce Digital Experience Site?▼

A React-based site requires five metadata types: Network, CustomSite, DigitalExperienceConfig, DigitalExperienceBundle, and a DigitalExperience content record of type sfdc_cms__site. Unlike LWR sites, it needs no routes, views, theme layouts, or branding sets.

Why does my Salesforce React site show a blank page after deployment?▼

A blank page usually means appNamespace or appDevName were resolved incorrectly, so appSpace does not match an existing UIBundle metadata record. Verify appSpace follows the format namespace__developerName and that the UIBundle is deployed.

How do I update the URL of a Salesforce Experience Site?▼

Update urlPathPrefix in three places: DigitalExperienceConfig holds the primary URL, while Network and CustomSite share a synchronized secondary URL, typically the primary value plus the vforcesite suffix. Search all XML files for urlPathPrefix first to avoid missing references.

Can guest users access a Salesforce React UI bundle site?▼

Yes, guest access is controlled by the enableGuestAccess property, which sets enableGuestChatter in the Network metadata. It defaults to false and should only be enabled when unauthenticated users need access to site APIs.