---
title: "Access the environment variables for a site"
slug: "access-the-environment-variables-for-a-site"
abstract: "Locate the environment variables needed to deploy your app to a hosting provider or connect your local development environment to SitecoreAI."
---
# Access the environment variables for a site

The Deploy app's **Developer settings** tab provides environment variables that let you connect your app to a site running in an environment.

Use these environment variables to [get started with local development without Docker containers](https://doc.sitecore.com/sai/en/developers/sitecoreai/getting-started-with-sitecoreai/set-up-your-local-development-environment.html) or deploy your app to a hosting platform such as [Vercel](https://doc.sitecore.com/xmc/en/developers/jss/22/jss-xmc/en/deploy-your-front-end-application-to-vercel.html).

> [!tip]
> To set up a local development environment based on Docker containers, see [Set up your full-stack SitecoreAI local development environment](https://doc.sitecore.com/sai/en/developers/sitecoreai/using-docker-for-full-stack-development/set-up-your-full-stack-sitecoreai-local-development-environment.html "Set up your full-stack SitecoreAI local development environment").

![The Developer settings tab for a single environment, containing environment variables.](https://doc.sitecore.com/api/markdown-image/sai/en/developers/sitecoreai/images/developer-settings-tab-deploy-app.png)

> [!note]
> **Before you begin**
> -   If your app is based on JSS (instead of Content SDK), make sure it includes the [JSS add-on for Next.js](https://doc.sitecore.com/xmc/en/developers/jss/22/jss-xmc/en/the-jss-xm-cloud-add-on-for-next-js.html).

To access the environment variables for a site:

1. On the navigation pane of the Deploy app, click **Projects**.
2. On the **Projects** page, click the project that contains the environment where you want to view the site's environment variables.
3. Click the name of the relevant environment.
4. In the **Developer settings** tab, In the **Site** drop-down menu, choose the site you want your app to connect to. The drop-down menu lists all sites, including each site in a multisite application setup. If using a multisite setup, choose the site you want to use as the app's default site.
5. In the **SDK version** selector, choose the appropriate version of JSS or Content SDK. You can find your JSS app's version in the `version` property of the `package.json` file.
6. If your app uses *Content SDK* or *JSS 21.6+*, in the **Context** selector, select one of the following:
    - **Preview** - grants access to all content, including drafts and unpublished content.
    - **Live** - grants access to published content. Use this for production apps.