Headless Services
Using Sitecore in a headless architecture
Introduction
The term "headless CMS" refers to platform architecture where content management is decoupled from content delivery (i.e. presentation logic). In this scenario, the presentation layer retrieves data from the CMS using an API endpoint. This is made possible by the presentation layer being content-agnostic, so the markup it generates is "hydrated" with data from the API.
Sitecore's "Hybrid Headless"
In other headless CMSs, the decoupling is limited to content only, such as Text and Images. In this case, Content Authors can update content fields, but how the different content fields are laid out on the page is specified in code. Updating layout requires code changes.
What's special about Sitecore's headless architecture is that Content Authors retain both content and layout management.
Headless Services for JavaScript / Sitecore JSS
Sitecore JSS offers front-end developer of whole new way of working and interacting with Sitecore. Building a JavaScript app on top of Sitecore has never been easier. Simply use your favorite JavaScript framework and leverage the Sitecore capabilities to power your applications.
Documentation
Learn
- Getting Started
- Sitecore Essentials (FREE eLearning) - Sitecore JSS Fundamentals
- Sitecore Headless Services for JSS Workshop
- JSS with Blazer YouTube playlist
- Integrating a Client Framework with JSS YouTube playlist
- Headless and JSS YouTube playlist
- Headless Services Architecture
- JSS Architecture
- Walkthrough: Using the Sitecore Container Template for JSS Next.js Projects
Examples
- JSS Developer Trial
- JSS Developer Trial - Connected Demo guide
- JSS Source Code
- JSS Sample Code
- JSS and Headless Services Downloads
Community
Headless Development
Sitecore Headless Development is based on a rendering host front end and a Sitecore instance back end. This decoupling of logic domains makes a Sitecore solution easy to develop, maintain, scale, and upgrade.
Documentation
Learn
Downloads
Latest Headless and JSS videos
See all videosOpens in a new tabBeyond Vercel: Hosting Alternatives for Next.js
Component-Level Data Fetching | Sitecore JSS with Next.js | XM Cloud
Component driven design for your front-end | Sitecore JSS | XM Cloud