Headless Rendering

The XM/XP connector can be used in headless implementations through Sitecore Headless Services and Sitecore Layout Service. The connector registers Layout Service field serializers for its DAM field types, so JSS applications can consume DAM field data from route data.

Headless rendering is separate from MVC field rendering. MVC examples use Razor and @Html.Sitecore().Field(...); headless implementations consume JSON returned by Layout Service or another Sitecore content API.

Rendering options

• Shared Helpers defines reusable TypeScript types and helper functions used by the examples.
• JSS examples show how to render XM/XP DAM field values from Layout Service in a Next.js JSS app.

Sitecore XM/XP does not support the modern Sitecore Content SDK. For XM/XP headless development, use Sitecore Headless Services with the Sitecore JavaScript Services (JSS) SDK.

Layout Service asset data

The examples in this section require Enable Layout Service Asset Result to be enabled for the DAM field configuration.

When Enable Layout Service Asset Result is enabled for the field configuration in the integration dashboard, the connector adds selected Bynder asset data to the Layout Service field output:

• Single image, single file image, video, general link, and file fields include asset.
• Multi image fields include assets.

When the setting is disabled, Layout Service still returns the standard serialized Sitecore field output, but it does not include the additional Bynder asset or assets metadata used by the JSS examples below.