Disconnected mode support in JSS for Angular

Version: 22.x

The JSS disconnected mode enables the development of JSS apps using a local mock version of the Sitecore Headless Services - Layout Service and Dictionary Service.

The JSS application for Angular runs a small Express server on a different port that hosts the mock services. The default port is 3043. This Express server hosts the mock services. You can inspect this proxy for running the application in disconnected mode in scripts/disconnected-mode-proxy.ts.

The /proxy.conf.js file contains configuration for the angular-cli to proxy requests to API paths to the mock service layer.

The mock service layer is powered by an automatically generated JSS manifest file. The file is generated from disconnected data definitions in the /data and /sitecore/definitions) directories. This manifest regenerates automatically when you change the data. The application supports live reloading for such data changes.

Do you have some feedback for us?

If you have suggestions for improving this article,