Lesson 3: JSS, Headless Services, Layout Service, and Front-End Integration

Traditional, hybrid, and headless Sitecore delivery models
Sitecore JavaScript Services architecture and application workflows
Disconnected, connected, integrated, and headless rendering concepts
Layout Service JSON, route data, placeholders, components, and fields
API keys, application configuration, deployment, and Experience Editor integration
React, Angular, Vue, or Next.js integration considerations and testing

Map a page layout into a component-based JSS application.
Review a Layout Service response and identify rendering data.
Create a deployment and editor-integration checklist for a headless application.

Lesson Overview