XM/XP Connector
Developer Manual
Headless Rendering
JSS
Overview

JSS Examples

These examples render XM/XP DAM fields from Sitecore Layout Service data in a Next.js JSS application.

Before using these examples, enable Layout Service Asset Result for the DAM field configuration. The examples rely on the additional Bynder asset metadata in Layout Service output.

The examples use the shared helper module from Shared Helpers. Instead of using Sitecore JSS component wrappers, they parse the XM/XP XML-wrapped JSON field value from Layout Service and render plain React/HTML elements.

These examples show one possible implementation. End clients can structure components, helper modules, styling, fallbacks, and rendering logic however they prefer in their own JSS application.

Examples