Architecture overview
The Sitecore JavaScript Services SDK (JSS) is part of the headless development suite for XM Cloud, created to enable modern development workflows and application architecture.
Experience Edge
Experience Edge is a highly scalable delivery platform for static publishing of JSS sites and runtime content delivery for headless sites.
To use Experience Edge for content and layout delivery, your JSS app must use GraphQL as its fetching method. This is the default option when creating an app, but if needed you can change this method for existing apps that use REST. When the GraphQL option is enabled, all Sitecore layout and dictionary information is fetched using GraphQL queries.
The endpoint for Experience Edge is configured in a JSS application's package.json file under config.graphQLEndpointPath. By default, the Edge delivery endpoint is /sitecore/api/graph/edge.
Sitecore integration and data flow
Applications created with JSS consume Sitecore content and personalization delivered by Experience Edge, as well as other Sitecore and third-party APIs that provide RESTful or GraphQL API endpoints.
JSS components overview
JSS contains:
-
Core SDK functionality for retrieving data from various Sitecore services and APIs to facilitate working with Sitecore data and layout in JavaScript.
-
SDKs that facilitate building JavaScript applications with popular JavaScript frameworks such as Next.js. They help render Sitecore dynamic placeholders, providing components and helpers for rendering Sitecore fields, while the layout and field values remain editable by authors.
-
Sample applications for frameworks such as Next.js to help developers scaffold an application for getting and showing Sitecore data.
-
Developer tooling and utilities.
Essential use cases supported by JSS applications
JSS supports the following core categories of architecturally significant use cases: