---
title: "Application modes"
slug: "application-modes"
abstract: "Describes the Sitecore JavaScript Rendering SDK application modes."
---
# Application modes

Applications created with the Sitecore JavaScript Rendering SDK can run in several modes depending on where you are in the development process and your chosen [development workflow](https://doc.sitecore.com/xp/en/developers/hd/20/sitecore-headless-development/development-workflows.html "Development workflows").

> [!important]
> You must select either a code-first or a Sitecore-first development workflow. Some application modes only apply to a specific development workflow.

During development, you can use the following modes:

- [Disconnected mode](https://doc.sitecore.com/xp/en/developers/hd/20/sitecore-headless-development/start-a-jss-app-in-disconnected-mode.html "Start a JSS app in disconnected mode") - does not require a running Sitecore instance. You host the application in your local environment, and you use local content data. Use this mode if you opted for the [code-first development workflow](https://doc.sitecore.com/xp/en/developers/hd/20/sitecore-headless-development/code-first-development-workflow.html "Code-first development workflow").
- [Connected mode](https://doc.sitecore.com/xp/en/developers/hd/20/sitecore-headless-development/start-a-jss-app-in-connected-mode.html "Start a JSS app in connected mode") - requires a running Sitecore instance. You host the application in your local environment, and you use content data from your Sitecore instance.
- [Integrated mode](https://doc.sitecore.com/xp/en/developers/hd/20/sitecore-headless-development/start-a-jss-app-in-integrated-mode.html "Start a JSS app in integrated mode") - requires a running Sitecore instance, which hosts the application, provides content data, and renders your application server-side.

In production, you can run a JSS application using one of the following modes:

- [Headless server-side rendering mode](https://doc.sitecore.com/xp/en/developers/hd/20/sitecore-headless-development/headless-server-side-rendering-mode.html "Headless server-side rendering mode") - server-side rendering performed on the Node server, data from Sitecore CD.
- [Integrated mode](https://doc.sitecore.com/xp/en/developers/hd/20/sitecore-headless-development/start-a-jss-app-in-integrated-mode.html "Start a JSS app in integrated mode") - server-side rendering performed on the Sitecore CM server (for compatibility with Experience Editor only).