Architecture overview
The Sitecore JavaScript Rendering SDK (JSS) is part of the headless development suite of Sitecore products, created to enable modern development workflows and application architecture.
Sitecore integration and data flow
Applications created with JSS consume Sitecore content and personalization delivered by Sitecore Headless Services or Sitecore Experience Edge for XM, as well as other Sitecore and third-party APIs that provide RESTful or GraphQL API endpoints.
The applications can be rendered server-side using an out-of-process Node.js rendering engine, provided by Headless Services, or a Sitecore-independent rendering host for fully headless architecture. For more information, refer to the documentation for Server-side rendering JSS applications.
You can use manifest definitions, the JSS CLI, and the Import service to develop and deploy applications to Sitecore. This is known as the Code-first development workflow.
JSS components overview
JSS comprises of:
-
Core SDK functionality for retrieving Sitecore data from various Sitecore services and APIs to facilitate working with Sitecore data and layout in JavaScript.
-
SDKs that facilitate building JavaScript applications with some of the most popular JavaScript frameworks. 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 every supported JavaScript framework, 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:
For more specific technical information, refer to Features and capabilities of JSS.