---
title: "Selecting Region in Contentstack Starter Apps"
description: "Selecting Region in Contentstack Starter Apps"
url: "https://www.contentstack.com/docs/administration/selecting-region-in-contentstack-starter-apps"
product: "Contentstack"
doc_type: "guide"
audience:
  - developers
  - admins
version: "current"
last_updated: "2026-06-23"
---

# Selecting Region in Contentstack Starter Apps

In order to configure your starter app for a particular region, you need to make changes to the configuration file of your starter app.

For each technology given below, set the following configuration according to your region.

**Note**: By default, region=na. If you want to add or switch to eu, au, azure-na, azure-eu, gcp-na, or gcp-eu region, add this code to your configuration:

```
CONTENTSTACK_REGION = <your_region_name>
```

## Gatsby

### Gatsby App Configuration for Europe Region

To set the Europe region, refer to the code below:  

```
CONTENTSTACK_API_KEY = <api_key_of_your_stack>CONTENTSTACK_DELIVERY_TOKEN = <delivery_token_of_the_environment>CONTENTSTACK_ENVIRONMENT = <environment_name>CONTENTSTACK_API_HOST = eu-api.contentstack.com
```

#### Mandatory configuration parameters to enable Live Preview

```
CONTENTSTACK_PREVIEW_TOKEN = <preview_token_linked_with_delivery_token>CONTENTSTACK_PREVIEW_HOST = eu-rest-preview.contentstack.comCONTENTSTACK_APP_HOST = eu-app.contentstack.comCONTENTSTACK_LIVE_PREVIEW = true #By default, the live preview feature is enabled for this project. To disable it, set "CONTENTSTACK_LIVE_PREVIEW= false".CONTENTSTACK_LIVE_EDIT_TAGS = false #By default, live editing tags are disabled for this project. To enable it, set “CONTENTSTACK_LIVE_EDIT_TAGS= true”.
```

### Gatsby App Configuration for Australia Region

To set the Australia region, refer to the code below:  

```
CONTENTSTACK_API_KEY = <api_key_of_your_stack>CONTENTSTACK_DELIVERY_TOKEN = <delivery_token_of_the_environment>CONTENTSTACK_ENVIRONMENT = <environment_name>CONTENTSTACK_API_HOST = au-api.contentstack.com
```

#### Mandatory configuration parameters to enable Live Preview

```
CONTENTSTACK_PREVIEW_TOKEN = <preview_token_linked_with_delivery_token>CONTENTSTACK_PREVIEW_HOST = au-rest-preview.contentstack.comCONTENTSTACK_APP_HOST = au-app.contentstack.comCONTENTSTACK_LIVE_PREVIEW = true #By default, the live preview feature is enabled for this project. To disable it, set "CONTENTSTACK_LIVE_PREVIEW= false".CONTENTSTACK_LIVE_EDIT_TAGS = false #By default, live editing tags are disabled for this project. To enable it, set “CONTENTSTACK_LIVE_EDIT_TAGS= true”.
```

### Gatsby App Configuration for Google Europe Region

To set the Google Europe region, refer to the code below:

```
CONTENTSTACK_API_KEY = <api_key_of_your_stack>CONTENTSTACK_DELIVERY_TOKEN = <delivery_token_of_the_environment>CONTENTSTACK_ENVIRONMENT = <environment_name>CONTENTSTACK_API_HOST = gcp-eu-api.contentstack.com# By default branch=main, if a branch is not provided# CONTENTSTACK_BRANCH = <your_branch_name>
```

Mandatory configuration parameters to enable Live Preview:

```
CONTENTSTACK_PREVIEW_TOKEN = <preview_token_linked_with_delivery_token>CONTENTSTACK_PREVIEW_HOST = gcp-eu-rest-preview.contentstack.comCONTENTSTACK_APP_HOST = gcp-eu-app.contentstack.comCONTENTSTACK_LIVE_PREVIEW = true # By default, the live preview feature is enabled for this project. To disable it, set "CONTENTSTACK_LIVE_PREVIEW=false"CONTENTSTACK_LIVE_EDIT_TAGS = false # By default, live editing tags are disabled for this project. To enable it, set "CONTENTSTACK_LIVE_EDIT_TAGS=true"
```

### Gatsby App Configuration for Azure NA Region

To set the Azure North America region, refer to the code below:

```
CONTENTSTACK_API_KEY = <api_key_of_your_stack>CONTENTSTACK_DELIVERY_TOKEN = <delivery_token_of_the_environment>CONTENTSTACK_ENVIRONMENT = <environment_name>CONTENTSTACK_API_HOST = azure-na-api.contentstack.com
```

#### Mandatory configuration parameters to enable Live Preview

```
CONTENTSTACK_PREVIEW_TOKEN = <preview_token_linked_with_delivery_token>CONTENTSTACK_PREVIEW_HOST = azure-na-rest-preview.contentstack.comCONTENTSTACK_APP_HOST = azure-na-app.contentstack.comCONTENTSTACK_LIVE_PREVIEW = true #By default, the live preview feature is enabled for this project. To disable it, set "CONTENTSTACK_LIVE_PREVIEW= false".CONTENTSTACK_LIVE_EDIT_TAGS = false #By default, live editing tags are disabled for this project. To enable it, set “CONTENTSTACK_LIVE_EDIT_TAGS= true”.
```

### Gatsby App Configuration for Azure EU Region

To set the Azure Europe region, refer to the code below:

```
CONTENTSTACK_API_KEY = <api_key_of_your_stack>CONTENTSTACK_DELIVERY_TOKEN = <delivery_token_of_the_environment>CONTENTSTACK_ENVIRONMENT = <environment_name>CONTENTSTACK_API_HOST = azure-eu-api.contentstack.com# By default branch=main, if a branch is not provided# CONTENTSTACK_BRANCH = <your_branch_name>
```

#### Mandatory configuration parameters to enable Live Preview

```
CONTENTSTACK_PREVIEW_TOKEN = <preview_token_linked_with_delivery_token>CONTENTSTACK_PREVIEW_HOST = azure-eu-rest-preview.contentstack.comCONTENTSTACK_APP_HOST = azure-eu-app.contentstack.comCONTENTSTACK_LIVE_PREVIEW = true #By default, the live preview feature is enabled for this project. To disable it, set "CONTENTSTACK_LIVE_PREVIEW= false".CONTENTSTACK_LIVE_EDIT_TAGS = false #By default, live editing tags are disabled for this project. To enable it, set "CONTENTSTACK_LIVE_EDIT_TAGS= true".
```

### Gatsby App Configuration for Google NA Region

To set the Google North America region, refer to the code below:

```
CONTENTSTACK_API_KEY = <api_key_of_your_stack>CONTENTSTACK_DELIVERY_TOKEN = <delivery_token_of_the_environment>CONTENTSTACK_ENVIRONMENT = <environment_name>CONTENTSTACK_API_HOST = gcp-na-api.contentstack.com# By default branch=main, if a branch is not provided# CONTENTSTACK_BRANCH = <your_branch_name>
```

#### Mandatory configuration parameters to enable Live Preview

```
CONTENTSTACK_PREVIEW_TOKEN = <preview_token_linked_with_delivery_token>CONTENTSTACK_PREVIEW_HOST = gcp-na-rest-preview.contentstack.comCONTENTSTACK_APP_HOST = gcp-na-app.contentstack.comCONTENTSTACK_LIVE_PREVIEW = true #By default, the live preview feature is enabled for this project. To disable it, set "CONTENTSTACK_LIVE_PREVIEW= false"CONTENTSTACK_LIVE_EDIT_TAGS = false #By default, live editing tags are disabled for this project. To enable it, set "CONTENTSTACK_LIVE_EDIT_TAGS= true"
```

### Gatsby App Configuration for Google Europe Region

To set the Google Europe region, refer to the code below:

```
CONTENTSTACK_API_KEY = <api_key_of_your_stack>CONTENTSTACK_DELIVERY_TOKEN = <delivery_token_of_the_environment>CONTENTSTACK_ENVIRONMENT = <environment_name>CONTENTSTACK_API_HOST = gcp-eu-api.contentstack.com# By default branch=main, if a branch is not provided# CONTENTSTACK_BRANCH = <your_branch_name>
```

Mandatory configuration parameters to enable Live Preview:

```
CONTENTSTACK_PREVIEW_TOKEN = <preview_token_linked_with_delivery_token>CONTENTSTACK_PREVIEW_HOST = gcp-eu-rest-preview.contentstack.comCONTENTSTACK_APP_HOST = gcp-eu-app.contentstack.comCONTENTSTACK_LIVE_PREVIEW = true # By default, the live preview feature is enabled for this project. To disable it, set "CONTENTSTACK_LIVE_PREVIEW=false"CONTENTSTACK_LIVE_EDIT_TAGS = false # By default, live editing tags are disabled for this project. To enable it, set "CONTENTSTACK_LIVE_EDIT_TAGS=true"
```

## Next.js

### Next.js App Configuration for Europe Region

To set the Europe region, refer to the code below:

#### Mandatory configuration parameters to enable Live Preview

```
CONTENTSTACK_PREVIEW_TOKEN = <preview_token_linked_with_delivery_token>CONTENTSTACK_PREVIEW_HOST = eu-rest-preview.contentstack.comCONTENTSTACK_APP_HOST = eu-app.contentstack.comCONTENTSTACK_API_HOST = eu-api.contentstack.comCONTENTSTACK_LIVE_PREVIEW = true #By default, the live preview feature is enabled for this project. To disable it, set "CONTENTSTACK_LIVE_PREVIEW= false".CONTENTSTACK_LIVE_EDIT_TAGS = false #By default, live editing tags are disabled for this project. To enable it, set “CONTENTSTACK_LIVE_EDIT_TAGS= true”.
```

### Next.js App Configuration for Australia Region

To set the Australia region, refer to the code below:

#### Mandatory configuration parameters to enable Live Preview

```
CONTENTSTACK_PREVIEW_TOKEN = <preview_token_linked_with_delivery_token>CONTENTSTACK_PREVIEW_HOST = au-rest-preview.contentstack.comCONTENTSTACK_APP_HOST = au-app.contentstack.comCONTENTSTACK_API_HOST = au-api.contentstack.comCONTENTSTACK_LIVE_PREVIEW = true #By default, the live preview feature is enabled for this project. To disable it, set "CONTENTSTACK_LIVE_PREVIEW= false".CONTENTSTACK_LIVE_EDIT_TAGS = false #By default, live editing tags are disabled for this project. To enable it, set “CONTENTSTACK_LIVE_EDIT_TAGS= true”.
```

### Next.js App Configuration for Azure NA Region

To set the Azure North America region, refer to the code below:

#### Mandatory configuration parameters to enable Live Preview

```
CONTENTSTACK_PREVIEW_TOKEN = <preview_token_linked_with_delivery_token>CONTENTSTACK_PREVIEW_HOST = azure-na-rest-preview.contentstack.comCONTENTSTACK_APP_HOST = azure-na-app.contentstack.com CONTENTSTACK_API_HOST = azure-na-api.contentstack.com CONTENTSTACK_LIVE_PREVIEW = true #By default, the live preview feature is enabled for this project. To disable it, set "CONTENTSTACK_LIVE_PREVIEW= false".CONTENTSTACK_LIVE_EDIT_TAGS = false #By default, live editing tags are disabled for this project. To enable it, set “CONTENTSTACK_LIVE_EDIT_TAGS= true”.
```

### Next.js App Configuration for Azure EU Region

To set the Azure Europe region, refer to the code below:

#### Mandatory configuration parameters to enable Live Preview

```
CONTENTSTACK_PREVIEW_TOKEN = <preview_token_linked_with_delivery_token>CONTENTSTACK_PREVIEW_HOST = azure-eu-rest-preview.contentstack.comCONTENTSTACK_APP_HOST = azure-eu-app.contentstack.com CONTENTSTACK_API_HOST = azure-eu-api.contentstack.com CONTENTSTACK_LIVE_PREVIEW = true # By default branch=main, if a branch is not provided# CONTENTSTACK_BRANCH = <your_branch_name>#By default, the live preview feature is enabled for this project. To disable it, set "CONTENTSTACK_LIVE_PREVIEW= false".CONTENTSTACK_LIVE_EDIT_TAGS = false #By default, live editing tags are disabled for this project. To enable it, set "CONTENTSTACK_LIVE_EDIT_TAGS= true".
```

### Next.js App Configuration for Google NA Region

To set the Google North America region, refer to the code below:

#### Mandatory configuration parameters to enable Live Preview

```
CONTENTSTACK_PREVIEW_TOKEN = <preview_token_linked_with_delivery_token>CONTENTSTACK_PREVIEW_HOST = gcp-na-rest-preview.contentstack.comCONTENTSTACK_APP_HOST = gcp-na-app.contentstack.comCONTENTSTACK_API_HOST = gcp-na-api.contentstack.comCONTENTSTACK_LIVE_PREVIEW = true# By default branch=main, if a branch is not provided# CONTENTSTACK_BRANCH = <your_branch_name>#By default, the live preview feature is enabled for this project. To disable it, set "CONTENTSTACK_LIVE_PREVIEW= false"CONTENTSTACK_LIVE_EDIT_TAGS = false #By default, live editing tags are disabled for this project. To enable it, set "CONTENTSTACK_LIVE_EDIT_TAGS= true"
```

### Next.js App Configuration for Google EU Region

Mandatory configuration parameters to enable Live Preview:

```
CONTENTSTACK_PREVIEW_TOKEN = <preview_token_linked_with_delivery_token>CONTENTSTACK_PREVIEW_HOST = gcp-eu-rest-preview.contentstack.comCONTENTSTACK_APP_HOST = gcp-eu-app.contentstack.comCONTENTSTACK_API_HOST = gcp-eu-api.contentstack.comCONTENTSTACK_LIVE_PREVIEW = true# By default branch=main, if a branch is not provided# CONTENTSTACK_BRANCH = <your_branch_name># By default, the live preview feature is enabled for this project. To disable it, set "CONTENTSTACK_LIVE_PREVIEW=false"CONTENTSTACK_LIVE_EDIT_TAGS = false # By default, live editing tags are disabled for this project. To enable it, set "CONTENTSTACK_LIVE_EDIT_TAGS=true"
```

## Next.js with GraphQL

### Next.js with GraphQL App Configuration for Europe Region

To set the Europe region, refer to the code below:

```
CONTENTSTACK_GRAPHQL_HOST_NAME = eu-graphql.contentstack.com
```

#### Mandatory configuration parameters to enable Live Preview

```
CONTENTSTACK_MANAGEMENT_TOKEN = <management_token_of_the_environment>CONTENTSTACK_APP_HOST = eu-app.contentstack.com CONTENTSTACK_LIVE_PREVIEW_HOST_NAME = eu-graphql-preview.contentstack.com#By default, the live preview feature is enabled for this project. To disable it, set "CONTENTSTACK_LIVE_PREVIEW = false".CONTENTSTACK_LIVE_PREVIEW = true#By default, live editing tags are disabled for this project. To enable it, set "CONTENTSTACK_LIVE_EDIT_TAGS = true".CONTENTSTACK_LIVE_EDIT_TAGS = false
```

### Next.js with GraphQL App Configuration for Australia Region

To set the Australia region, refer to the code below:

```
CONTENTSTACK_GRAPHQL_HOST_NAME = au-graphql.contentstack.com
```

#### Mandatory configuration parameters to enable Live Preview

```
CONTENTSTACK_MANAGEMENT_TOKEN = <management_token_of_the_environment>CONTENTSTACK_APP_HOST = au-app.contentstack.com CONTENTSTACK_LIVE_PREVIEW_HOST_NAME = au-graphql-preview.contentstack.com#By default, the live preview feature is enabled for this project. To disable it, set "CONTENTSTACK_LIVE_PREVIEW = false".CONTENTSTACK_LIVE_PREVIEW = true#By default, live editing tags are disabled for this project. To enable it, set "CONTENTSTACK_LIVE_EDIT_TAGS = true".CONTENTSTACK_LIVE_EDIT_TAGS = false
```

### Next.js with GraphQL App Configuration for Azure NA Region

To set the Azure NA region, refer to the code below:

```
CONTENTSTACK_GRAPHQL_HOST_NAME = azure-na-graphql.contentstack.com
```

#### Mandatory configuration parameters to enable Live Preview

```
CONTENTSTACK_MANAGEMENT_TOKEN = <management_token_of_the_environment>CONTENTSTACK_APP_HOST = azure-na-app.contentstack.com CONTENTSTACK_LIVE_PREVIEW_HOST_NAME = azure-na-graphql-preview.contentstack.com#By default, the live preview feature is enabled for this project. To disable it, set "CONTENTSTACK_LIVE_PREVIEW = false".CONTENTSTACK_LIVE_PREVIEW = true#By default, live editing tags are disabled for this project. To enable it, set "CONTENTSTACK_LIVE_EDIT_TAGS = true".CONTENTSTACK_LIVE_EDIT_TAGS = false
```

### Next.js with GraphQL App Configuration for Azure EU Region

To set the Azure EU region, refer to the code below:

```
CONTENTSTACK_GRAPHQL_HOST_NAME = azure-eu-graphql.contentstack.com
```

#### Mandatory configuration parameters to enable Live Preview

```
CONTENTSTACK_MANAGEMENT_TOKEN = <management_token_of_the_environment>CONTENTSTACK_APP_HOST = azure-eu-app.contentstack.com CONTENTSTACK_LIVE_PREVIEW_HOST_NAME = azure-eu-graphql-preview.contentstack.com#By default, the live preview feature is enabled for this project. To disable it, set "CONTENTSTACK_LIVE_PREVIEW = false".CONTENTSTACK_LIVE_PREVIEW = true#By default, live editing tags are disabled for this project. To enable it, set "CONTENTSTACK_LIVE_EDIT_TAGS = true".CONTENTSTACK_LIVE_EDIT_TAGS = false
```

### Next.js with GraphQL App Configuration for Google NA Region

To set the Google North America region, refer to the code below:

```
CONTENTSTACK_GRAPHQL_HOST_NAME = gcp-na-graphql.contentstack.com
```

#### Mandatory configuration parameters to enable Live Preview

```
CONTENTSTACK_MANAGEMENT_TOKEN = <management_token_of_the_environment>CONTENTSTACK_APP_HOST = gcp-na-app.contentstack.comCONTENTSTACK_LIVE_PREVIEW_HOST_NAME = gcp-na-graphql-preview.contentstack.com#By default, the live preview feature is enabled for this project. To disable it, set "CONTENTSTACK_LIVE_PREVIEW = false"CONTENTSTACK_LIVE_PREVIEW = true#By default, live editing tags are disabled for this project. To enable it, set "CONTENTSTACK_LIVE_EDIT_TAGS = true"CONTENTSTACK_LIVE_EDIT_TAGS = false
```

### Next.js with GraphQL App Configuration for Google EU Region

To set the Google Europe region, refer to the code below:

```
CONTENTSTACK_GRAPHQL_HOST_NAME = gcp-eu-graphql.contentstack.com
```

Mandatory configuration parameters to enable Live Preview:

```
CONTENTSTACK_MANAGEMENT_TOKEN = <management_token_of_the_environment>CONTENTSTACK_APP_HOST = gcp-eu-app.contentstack.comCONTENTSTACK_LIVE_PREVIEW_HOST_NAME = gcp-eu-graphql-preview.contentstack.com# By default, the live preview feature is enabled for this project. To disable it, set "CONTENTSTACK_LIVE_PREVIEW=false"CONTENTSTACK_LIVE_PREVIEW = true# By default, live editing tags are disabled for this project. To enable it, set "CONTENTSTACK_LIVE_EDIT_TAGS=true"CONTENTSTACK_LIVE_EDIT_TAGS = false
```

## React.js

### React.js App Configuration for Europe Region

To set the Europe region, refer to the code below:

#### Mandatory configuration parameters to enable Live Preview

```
REACT_APP_CONTENTSTACK_PREVIEW_TOKEN = <preview_token_linked_with_delivery_token>REACT_APP_CONTENTSTACK_PREVIEW_HOST = eu-rest-preview.contentstack.comREACT_APP_CONTENTSTACK_APP_HOST = eu-app.contentstack.comREACT_APP_CONTENTSTACK_API_HOST = eu-api.contentstack.comREACT_APP_CONTENTSTACK_LIVE_PREVIEW = true #By default, the live preview feature is enabled for this project. To disable it, set "CONTENTSTACK_LIVE_PREVIEW= false".REACT_APP_CONTENTSTACK_LIVE_EDIT_TAGS = false #By default, live editing tags are disabled for this project. To enable it, set “CONTENTSTACK_LIVE_EDIT_TAGS= true”.
```

### React.js App Configuration for Australia Region

To set the Australia region, refer to the code below:

#### Mandatory configuration parameters to enable Live Preview

```
REACT_APP_CONTENTSTACK_PREVIEW_TOKEN = <preview_token_linked_with_delivery_token>REACT_APP_CONTENTSTACK_PREVIEW_HOST = au-rest-preview.contentstack.comREACT_APP_CONTENTSTACK_APP_HOST = au-app.contentstack.comREACT_APP_CONTENTSTACK_API_HOST = au-api.contentstack.comREACT_APP_CONTENTSTACK_LIVE_PREVIEW = true #By default, the live preview feature is enabled for this project. To disable it, set "CONTENTSTACK_LIVE_PREVIEW= false".REACT_APP_CONTENTSTACK_LIVE_EDIT_TAGS = false #By default, live editing tags are disabled for this project. To enable it, set “CONTENTSTACK_LIVE_EDIT_TAGS= true”.
```

### React.js App Configuration for Azure NA Region

To set the Azure North America region, refer to the code below:

#### Mandatory configuration parameters to enable Live Preview

```
REACT_APP_CONTENTSTACK_PREVIEW_TOKEN = <preview_token_linked_with_delivery_token>REACT_APP_CONTENTSTACK_PREVIEW_HOST = azure-na-rest-preview.contentstack.comREACT_APP_CONTENTSTACK_APP_HOST = azure-na-app.contentstack.com REACT_APP_CONTENTSTACK_API_HOST = azure-na-api.contentstack.comREACT_APP_CONTENTSTACK_LIVE_PREVIEW = true #By default, the live preview feature is enabled for this project. To disable it, set "CONTENTSTACK_LIVE_PREVIEW= false".REACT_APP_CONTENTSTACK_LIVE_EDIT_TAGS = false #By default, live editing tags are disabled for this project. To enable it, set “CONTENTSTACK_LIVE_EDIT_TAGS= true”.
```

### React.js App Configuration for Azure EU Region

To set the Azure Europe region, refer to the code below:

#### Mandatory configuration parameters to enable Live Preview

```
REACT_APP_CONTENTSTACK_PREVIEW_TOKEN = <preview_token_linked_with_delivery_token>REACT_APP_CONTENTSTACK_PREVIEW_HOST = azure-eu-rest-preview.contentstack.comREACT_APP_CONTENTSTACK_APP_HOST = azure-eu-app.contentstack.com REACT_APP_CONTENTSTACK_API_HOST = azure-eu-api.contentstack.com# By default branch=main, if a branch is not provided# REACT_APP_CONTENTSTACK_BRANCH = <your_branch_name>REACT_APP_CONTENTSTACK_LIVE_PREVIEW = true #By default, the live preview feature is enabled for this project. To disable it, set "CONTENTSTACK_LIVE_PREVIEW= false".REACT_APP_CONTENTSTACK_LIVE_EDIT_TAGS = false #By default, live editing tags are disabled for this project. To enable it, set "CONTENTSTACK_LIVE_EDIT_TAGS= true".
```

### React.js App Configuration for Google NA Region

To set the Google North America region, refer to the code below:

#### Mandatory configuration parameters to enable Live Preview

```
REACT_APP_CONTENTSTACK_PREVIEW_TOKEN = <preview_token_linked_with_delivery_token>REACT_APP_CONTENTSTACK_PREVIEW_HOST = gcp-na-rest-preview.contentstack.comREACT_APP_CONTENTSTACK_APP_HOST = gcp-na-app.contentstack.comREACT_APP_CONTENTSTACK_API_HOST = gcp-na-api.contentstack.com# By default branch=main, if a branch is not provided# REACT_APP_CONTENTSTACK_BRANCH = <your_branch_name>REACT_APP_CONTENTSTACK_LIVE_PREVIEW = true #By default, the live preview feature is enabled for this project. To disable it, set "CONTENTSTACK_LIVE_PREVIEW= false"REACT_APP_CONTENTSTACK_LIVE_EDIT_TAGS = false#By default, live editing tags are disabled for this project. To enable it, set "CONTENTSTACK_LIVE_EDIT_TAGS= true"
```

### React.js App Configuration for Google EU Region

To set the Google Europe region, refer to the code below:

#### Mandatory configuration parameters to enable Live Preview:

```
REACT_APP_CONTENTSTACK_PREVIEW_TOKEN = <preview_token_linked_with_delivery_token>REACT_APP_CONTENTSTACK_PREVIEW_HOST = gcp-eu-rest-preview.contentstack.comREACT_APP_CONTENTSTACK_APP_HOST = gcp-eu-app.contentstack.comREACT_APP_CONTENTSTACK_API_HOST = gcp-eu-api.contentstack.com# By default branch=main, if a branch is not provided# REACT_APP_CONTENTSTACK_BRANCH = <your_branch_name>REACT_APP_CONTENTSTACK_LIVE_PREVIEW = true # By default, the live preview feature is enabled for this project. To disable it, set "CONTENTSTACK_LIVE_PREVIEW=false"REACT_APP_CONTENTSTACK_LIVE_EDIT_TAGS = false# By default, live editing tags are disabled for this project. To enable it, set "CONTENTSTACK_LIVE_EDIT_TAGS=true"
```

## React.js with GraphQL

### React.js with GraphQL App Configuration for Europe Region

To set the Europe region, refer to the code below:

```
REACT_APP_CONTENTSTACK_GRAPHQL_HOST_NAME = eu-graphql.contentstack.com
```

#### Mandatory configuration parameters to enable Live Preview

```
REACT_APP_CONTENTSTACK_MANAGEMENT_TOKEN = <management_token_of_the_environment>REACT_APP_CONTENTSTACK_APP_HOST = eu-app.contentstack.com REACT_APP_CONTENTSTACK_LIVE_PREVIEW_HOST_NAME = eu-graphql-preview.contentstack.com#By default, the live preview feature is enabled for this project. To disable it, set "REACT_APP_CONTENTSTACK_LIVE_PREVIEW = false".REACT_APP_CONTENTSTACK_LIVE_PREVIEW = true#By default, live editing tags are disabled for this project. To enable it, set "REACT_APP_CONTENTSTACK_LIVE_EDIT_TAGS = true".REACT_APP_CONTENTSTACK_LIVE_EDIT_TAGS = false
```

### React.js with GraphQL App Configuration for Australia Region

To set the Australia region, refer to the code below:

```
REACT_APP_CONTENTSTACK_GRAPHQL_HOST_NAME = au-graphql.contentstack.com
```

#### Mandatory configuration parameters to enable Live Preview

```
REACT_APP_CONTENTSTACK_MANAGEMENT_TOKEN = <management_token_of_the_environment>REACT_APP_CONTENTSTACK_APP_HOST = au-app.contentstack.com REACT_APP_CONTENTSTACK_LIVE_PREVIEW_HOST_NAME = au-graphql-preview.contentstack.com#By default, the live preview feature is enabled for this project. To disable it, set "REACT_APP_CONTENTSTACK_LIVE_PREVIEW = false".REACT_APP_CONTENTSTACK_LIVE_PREVIEW = true#By default, live editing tags are disabled for this project. To enable it, set "REACT_APP_CONTENTSTACK_LIVE_EDIT_TAGS = true".REACT_APP_CONTENTSTACK_LIVE_EDIT_TAGS = false
```

### React.js with GraphQL App Configuration for Azure NA Region

To set the Azure NA region, refer to the code below:

```
REACT_APP_CONTENTSTACK_GRAPHQL_HOST_NAME = azure-na-graphql.contentstack.com
```

#### Mandatory configuration parameters to enable Live Preview

```
REACT_APP_CONTENTSTACK_MANAGEMENT_TOKEN = <management_token_of_the_environment>REACT_APP_CONTENTSTACK_APP_HOST = azure-na-app.contentstack.com REACT_APP_CONTENTSTACK_LIVE_PREVIEW_HOST_NAME = azure-na-graphql-preview.contentstack.com#By default, the live preview feature is enabled for this project. To disable it, set "REACT_APP_CONTENTSTACK_LIVE_PREVIEW = false".REACT_APP_CONTENTSTACK_LIVE_PREVIEW = true#By default, live editing tags are disabled for this project. To enable it, set "REACT_APP_CONTENTSTACK_LIVE_EDIT_TAGS = true".REACT_APP_CONTENTSTACK_LIVE_EDIT_TAGS = false
```

### React.js with GraphQL App Configuration for Azure EU Region

To set the Azure EU region, refer to the code below:

```
REACT_APP_CONTENTSTACK_GRAPHQL_HOST_NAME = azure-eu-graphql.contentstack.com
```

#### Mandatory configuration parameters to enable Live Preview

```
REACT_APP_CONTENTSTACK_MANAGEMENT_TOKEN = <management_token_of_the_environment>REACT_APP_CONTENTSTACK_APP_HOST = azure-eu-app.contentstack.com REACT_APP_CONTENTSTACK_LIVE_PREVIEW_HOST_NAME = azure-eu-graphql-preview.contentstack.com#By default, the live preview feature is enabled for this project. To disable it, set "REACT_APP_CONTENTSTACK_LIVE_PREVIEW = false".REACT_APP_CONTENTSTACK_LIVE_PREVIEW = true#By default, live editing tags are disabled for this project. To enable it, set "REACT_APP_CONTENTSTACK_LIVE_EDIT_TAGS = true".REACT_APP_CONTENTSTACK_LIVE_EDIT_TAGS = false
```

### React.js with GraphQL App Configuration for Google NA Region

To set the Google North America region, refer to the code below:

```
REACT_APP_CONTENTSTACK_GRAPHQL_HOST_NAME = gcp-na-graphql.contentstack.com
```

#### Mandatory configuration parameters to enable Live Preview

```
REACT_APP_CONTENTSTACK_MANAGEMENT_TOKEN = <management_token_of_the_environment>REACT_APP_CONTENTSTACK_APP_HOST = gcp-na-app.contentstack.comREACT_APP_CONTENTSTACK_LIVE_PREVIEW_HOST_NAME = gcp-na-graphql-preview.contentstack.com#By default, the live preview feature is enabled for this project. To disable it, set "REACT_APP_CONTENTSTACK_LIVE_PREVIEW = false"REACT_APP_CONTENTSTACK_LIVE_PREVIEW = true#By default, live editing tags are disabled for this project. To enable it, set "REACT_APP_CONTENTSTACK_LIVE_EDIT_TAGS = true"REACT_APP_CONTENTSTACK_LIVE_EDIT_TAGS = false
```

### React.js with GraphQL App Configuration for Google EU Region

To set the Google Europe region, refer to the code below:

```
REACT_APP_CONTENTSTACK_GRAPHQL_HOST_NAME = gcp-eu-graphql.contentstack.com
```

**Mandatory configuration parameters to enable Live Preview:**

```
REACT_APP_CONTENTSTACK_MANAGEMENT_TOKEN = <management_token_of_the_environment>REACT_APP_CONTENTSTACK_APP_HOST = gcp-eu-app.contentstack.comREACT_APP_CONTENTSTACK_LIVE_PREVIEW_HOST_NAME = gcp-eu-graphql-preview.contentstack.com# By default, the live preview feature is enabled for this project. To disable it, set "REACT_APP_CONTENTSTACK_LIVE_PREVIEW=false"REACT_APP_CONTENTSTACK_LIVE_PREVIEW = true# By default, live editing tags are disabled for this project. To enable it, set "REACT_APP_CONTENTSTACK_LIVE_EDIT_TAGS=true"REACT_APP_CONTENTSTACK_LIVE_EDIT_TAGS = false
```

## Angular

### Angular App Configuration for Europe Region

To set the Europe region, refer to the code below:

#### Mandatory configuration parameters to enable Live Preview

```
CONTENTSTACK_PREVIEW_TOKEN = <preview_token_linked_with_delivery_token>CONTENTSTACK_PREVIEW_HOST = eu-rest-preview.contentstack.comCONTENTSTACK_APP_HOST = eu-app.contentstack.com CONTENTSTACK_API_HOST = eu-api.contentstack.comCONTENTSTACK_LIVE_PREVIEW = true #By default, the live preview feature is enabled for this project. To disable it, set "CONTENTSTACK_LIVE_PREVIEW= false".
```

### Angular App Configuration for Australia Region

To set the Australia region, refer to the code below:

#### Mandatory configuration parameters to enable Live Preview

```
CONTENTSTACK_PREVIEW_TOKEN = <preview_token_linked_with_delivery_token>CONTENTSTACK_PREVIEW_HOST = au-rest-preview.contentstack.comCONTENTSTACK_APP_HOST = au-app.contentstack.com CONTENTSTACK_API_HOST = au-api.contentstack.comCONTENTSTACK_LIVE_PREVIEW = true #By default, the live preview feature is enabled for this project. To disable it, set "CONTENTSTACK_LIVE_PREVIEW= false".
```

### Angular App Configuration for Azure NA Region

To set the Azure North America region, refer to the code below:

#### Mandatory configuration parameters to enable Live Preview

```
CONTENTSTACK_PREVIEW_TOKEN = <preview_token_linked_with_delivery_token>CONTENTSTACK_PREVIEW_HOST = azure-na-rest-preview.contentstack.comCONTENTSTACK_APP_HOST = azure-na-app.contentstack.com CONTENTSTACK_API_HOST = azure-na-api.contentstack.comCONTENTSTACK_LIVE_PREVIEW = true #By default, the live preview feature is enabled for this project. To disable it, set "CONTENTSTACK_LIVE_PREVIEW= false".
```

### Angular App Configuration for Azure EU Region

To set the Azure Europe region, refer to the code below:

#### Mandatory configuration parameters to enable Live Preview

```
CONTENTSTACK_PREVIEW_TOKEN = <preview_token_linked_with_delivery_token>CONTENTSTACK_PREVIEW_HOST = azure-eu-rest-preview.contentstack.comCONTENTSTACK_APP_HOST = azure-eu-app.contentstack.com CONTENTSTACK_API_HOST = azure-eu-api.contentstack.com# By default branch=main, if a branch is not provided# CONTENTSTACK_BRANCH = <your_branch_name>CONTENTSTACK_LIVE_PREVIEW = true #By default, the live preview feature is enabled for this project. To disable it, set "CONTENTSTACK_LIVE_PREVIEW= false".
```

### Angular App Configuration for Google NA Region

To set the Google North America region, refer to the code below:

#### Mandatory configuration parameters to enable Live Preview

```
CONTENTSTACK_PREVIEW_TOKEN = <preview_token_linked_with_delivery_token>CONTENTSTACK_PREVIEW_HOST = gcp-na-rest-preview.contentstack.comCONTENTSTACK_APP_HOST = gcp-na-app.contentstack.comCONTENTSTACK_API_HOST = gcp-na-api.contentstack.com# By default branch=main, if a branch is not provided# CONTENTSTACK_BRANCH = <your_branch_name>CONTENTSTACK_LIVE_PREVIEW = true #By default, the live preview feature is enabled for this project. To disable it, set "CONTENTSTACK_LIVE_PREVIEW= false"
```

### Angular App Configuration for Google EU Region

To set the Google Europe region, refer to the code below:

**Mandatory configuration parameters to enable Live Preview:**

```
CONTENTSTACK_PREVIEW_TOKEN = <preview_token_linked_with_delivery_token>CONTENTSTACK_PREVIEW_HOST = gcp-eu-rest-preview.contentstack.comCONTENTSTACK_APP_HOST = gcp-eu-app.contentstack.comCONTENTSTACK_API_HOST = gcp-eu-api.contentstack.com# By default branch=main, if a branch is not provided# CONTENTSTACK_BRANCH = <your_branch_name>CONTENTSTACK_LIVE_PREVIEW = true # By default, the live preview feature is enabled for this project. To disable it, set "CONTENTSTACK_LIVE_PREVIEW=false"
```

## Vue.js

### Vue.js App Configuration for Europe Region

To set the Europe region, refer to the code below:

#### Mandatory configuration parameters to enable Live Preview

```
VUE_APP_CONTENTSTACK_PREVIEW_TOKEN = <preview_token_linked_with_delivery_token>VUE_APP_CONTENTSTACK_PREVIEW_HOST = eu-rest-preview.contentstack.comVUE_APP_CONTENTSTACK_APP_HOST = eu-app.contentstack.comVUE_APP_CONTENTSTACK_API_HOST = eu-api.contentstack.comVUE_APP_CONTENTSTACK_LIVE_PREVIEW = true #By default, the live preview feature is enabled for this project. To disable it, set "CONTENTSTACK_LIVE_PREVIEW= false".
```

### Vue.js App Configuration for Australia Region

To set the Australia region, refer to the code below:

#### Mandatory configuration parameters to enable Live Preview

```
VUE_APP_CONTENTSTACK_PREVIEW_TOKEN = <preview_token_linked_with_delivery_token>VUE_APP_CONTENTSTACK_PREVIEW_HOST = au-rest-preview.contentstack.comVUE_APP_CONTENTSTACK_APP_HOST = au-app.contentstack.comVUE_APP_CONTENTSTACK_API_HOST = au-api.contentstack.comVUE_APP_CONTENTSTACK_LIVE_PREVIEW = true #By default, the live preview feature is enabled for this project. To disable it, set "CONTENTSTACK_LIVE_PREVIEW= false".
```

### Vue.js App Configuration for Azure NA Region

To set the Azure North America region, refer to the code below:

#### Mandatory configuration parameters to enable Live Preview

```
VUE_APP_CONTENTSTACK_PREVIEW_TOKEN = <preview_token_linked_with_delivery_token>VUE_APP_CONTENTSTACK_PREVIEW_HOST = azure-na-rest-preview.contentstack.comVUE_APP_CONTENTSTACK_APP_HOST = azure-na-app.contentstack.com VUE_APP_CONTENTSTACK_API_HOST = azure-na-api.contentstack.comVUE_APP_CONTENTSTACK_LIVE_PREVIEW = true #By default, the live preview feature is enabled for this project. To disable it, set "CONTENTSTACK_LIVE_PREVIEW= false".
```

### Vue.js App Configuration for Azure EU Region

To set the Azure Europe region, refer to the code below:

#### Mandatory configuration parameters to enable Live Preview

```
VUE_APP_CONTENTSTACK_PREVIEW_TOKEN = <preview_token_linked_with_delivery_token>VUE_APP_CONTENTSTACK_PREVIEW_HOST = azure-eu-rest-preview.contentstack.comVUE_APP_CONTENTSTACK_APP_HOST = azure-eu-app.contentstack.com VUE_APP_CONTENTSTACK_API_HOST = azure-eu-api.contentstack.com# By default branch=main, if a branch is not provided# VUE_APP_CONTENTSTACK_BRANCH = <your_branch_name>VUE_APP_CONTENTSTACK_LIVE_PREVIEW = true #By default, the live preview feature is enabled for this project. To disable it, set "CONTENTSTACK_LIVE_PREVIEW= false".
```

### Vue.js App Configuration for Google NA Region

To set the Google North America region, refer to the code below:

#### Mandatory configuration parameters to enable Live Preview

```
VUE_APP_CONTENTSTACK_PREVIEW_TOKEN = <preview_token_linked_with_delivery_token>VUE_APP_CONTENTSTACK_PREVIEW_HOST = gcp-na-rest-preview.contentstack.comVUE_APP_CONTENTSTACK_APP_HOST = gcp-na-app.contentstack.comVUE_APP_CONTENTSTACK_API_HOST = gcp-na-api.contentstack.com# By default branch=main, if a branch is not provided# VUE_APP_CONTENTSTACK_BRANCH = <your_branch_name>VUE_APP_CONTENTSTACK_LIVE_PREVIEW = true #By default, the live preview feature is enabled for this project. To disable it, set "CONTENTSTACK_LIVE_PREVIEW= false"
```

### Vue.js App Configuration for Google EU Region

To set the Google Europe region, refer to the code below:

**Mandatory configuration parameters to enable Live Preview:**

```
VUE_APP_CONTENTSTACK_PREVIEW_TOKEN = <preview_token_linked_with_delivery_token>VUE_APP_CONTENTSTACK_PREVIEW_HOST = gcp-eu-rest-preview.contentstack.comVUE_APP_CONTENTSTACK_APP_HOST = gcp-eu-app.contentstack.comVUE_APP_CONTENTSTACK_API_HOST = gcp-eu-api.contentstack.com# By default branch=main, if a branch is not provided# VUE_APP_CONTENTSTACK_BRANCH = <your_branch_name>VUE_APP_CONTENTSTACK_LIVE_PREVIEW = true # By default, the live preview feature is enabled for this project. To disable it, set "CONTENTSTACK_LIVE_PREVIEW=false"
```

## Nuxt.js

### Nuxt.js App Configuration for Europe Region

To set the Europe region, refer to the code below:

#### Mandatory configuration parameters to enable Live Preview

```
CONTENTSTACK_MANAGEMENT_TOKEN = <management_token_of_the_environment>CONTENTSTACK_APP_HOST = eu-app.contentstack.comCONTENTSTACK_API_HOST = eu-api.contentstack.comCONTENTSTACK_LIVE_PREVIEW = true #By default, the live preview feature is enabled for this project. To disable it, set "CONTENTSTACK_LIVE_PREVIEW= false".
```

### Nuxt.js App Configuration for Australia Region

To set the Australia region, refer to the code below:

#### Mandatory configuration parameters to enable Live Preview

```
CONTENTSTACK_MANAGEMENT_TOKEN = <management_token_of_the_environment>CONTENTSTACK_APP_HOST = au-app.contentstack.comCONTENTSTACK_API_HOST = au-api.contentstack.comCONTENTSTACK_LIVE_PREVIEW = true #By default, the live preview feature is enabled for this project. To disable it, set "CONTENTSTACK_LIVE_PREVIEW= false".
```

### Nuxt.js App Configuration for Azure NA Region

To set the Azure North America region, refer to the code below:

Mandatory configuration parameters to enable Live Preview

```
CONTENTSTACK_MANAGEMENT_TOKEN = <management_token_of_the_environment>CONTENTSTACK_APP_HOST = azure-na-app.contentstack.com CONTENTSTACK_API_HOST = azure-na-api.contentstack.com CONTENTSTACK_LIVE_PREVIEW = true #By default, the live preview feature is enabled for this project. To disable it, set "CONTENTSTACK_LIVE_PREVIEW= false".
```

### Nuxt.js App Configuration for Azure EU Region

To set the Azure Europe region, refer to the code below:

Mandatory configuration parameters to enable Live Preview

```
CONTENTSTACK_MANAGEMENT_TOKEN = <management_token_of_the_environment>CONTENTSTACK_APP_HOST = azure-eu-app.contentstack.com CONTENTSTACK_API_HOST = azure-eu-api.contentstack.com # By default branch=main, if a branch is not provided# CONTENTSTACK_BRANCH = <your_branch_name>CONTENTSTACK_LIVE_PREVIEW = true #By default, the live preview feature is enabled for this project. To disable it, set "CONTENTSTACK_LIVE_PREVIEW= false".
```

### Nuxt.js App Configuration for Google NA Region

To set the Google North America region, refer to the code below:

#### Mandatory configuration parameters to enable Live Preview

```
CONTENTSTACK_MANAGEMENT_TOKEN = <management_token_of_the_environment>CONTENTSTACK_APP_HOST = gcp-na-app.contentstack.comCONTENTSTACK_API_HOST = gcp-na-api.contentstack.com# By default branch=main, if a branch is not provided# CONTENTSTACK_BRANCH = <your_branch_name>CONTENTSTACK_LIVE_PREVIEW = true #By default, the live preview feature is enabled for this project. To disable it, set "CONTENTSTACK_LIVE_PREVIEW= false"
```

### Nuxt.js App Configuration for Google EU Region

To set the Google Europe region, refer to the code below:

**Mandatory configuration parameters to enable Live Preview:**

```
CONTENTSTACK_MANAGEMENT_TOKEN = <management_token_of_the_environment>CONTENTSTACK_APP_HOST = gcp-eu-app.contentstack.comCONTENTSTACK_API_HOST = gcp-eu-api.contentstack.com# By default branch=main, if a branch is not provided# CONTENTSTACK_BRANCH = <your_branch_name>CONTENTSTACK_LIVE_PREVIEW = true # By default, the live preview feature is enabled for this project. To disable it, set "CONTENTSTACK_LIVE_PREVIEW=false"
```

## Nuxt3

### Nuxt3 App Configuration for Europe Region

To set the Europe region, refer to the code below:

```
CONTENTSTACK_API_HOST = eu-api.contentstack.com
```

#### Mandatory configuration parameters to enable Live Preview

```
CONTENTSTACK_PREVIEW_TOKEN = <preview_token_linked_with_delivery_token>CONTENTSTACK_PREVIEW_HOST = eu-rest-preview.contentstack.comCONTENTSTACK_APP_HOST = eu-app.contentstack.comCONTENTSTACK_LIVE_PREVIEW = true #By default, the live preview feature is enabled for this project. To disable it, set "CONTENTSTACK_LIVE_PREVIEW= false".
```

### Nuxt3 App Configuration for Australia Region

To set the Australia region, refer to the code below:

```
CONTENTSTACK_API_HOST = au-api.contentstack.com
```

#### Mandatory configuration parameters to enable Live Preview

```
CONTENTSTACK_PREVIEW_TOKEN = <preview_token_linked_with_delivery_token>CONTENTSTACK_PREVIEW_HOST = au-rest-preview.contentstack.comCONTENTSTACK_APP_HOST = au-app.contentstack.comCONTENTSTACK_LIVE_PREVIEW = true #By default, the live preview feature is enabled for this project. To disable it, set "CONTENTSTACK_LIVE_PREVIEW= false".
```

### Nuxt3 App Configuration for Azure NA Region

To set the Azure North America region, refer to the code below:

```
CONTENTSTACK_API_HOST = azure-na-api.contentstack.com
```

#### Mandatory configuration parameters to enable Live Preview

```
CONTENTSTACK_PREVIEW_TOKEN = <preview_token_linked_with_delivery_token>CONTENTSTACK_PREVIEW_HOST = azure-na-rest-preview.contentstack.comCONTENTSTACK_APP_HOST = azure-na-app.contentstack.com CONTENTSTACK_LIVE_PREVIEW = true #By default, the live preview feature is enabled for this project. To disable it, set "CONTENTSTACK_LIVE_PREVIEW= false".
```

### Nuxt3 App Configuration for Azure EU Region

To set the Azure Europe region, refer to the code below:

```
CONTENTSTACK_API_HOST = azure-eu-api.contentstack.com
```

#### Mandatory configuration parameters to enable Live Preview

```
CONTENTSTACK_PREVIEW_TOKEN = <preview_token_linked_with_delivery_token>CONTENTSTACK_PREVIEW_HOST = azure-eu-rest-preview.contentstack.comCONTENTSTACK_APP_HOST = azure-eu-app.contentstack.com CONTENTSTACK_BRANCH = <your_branch_name>CONTENTSTACK_LIVE_PREVIEW = true #By default, the live preview feature is enabled for this project. To disable it, set "CONTENTSTACK_LIVE_PREVIEW= false".
```

### Nuxt3 App Configuration for Google NA Region

To set the Google North America region, refer to the code below:

```
CONTENTSTACK_API_HOST = gcp-na-api.contentstack.com
```

#### Mandatory configuration parameters to enable Live Preview

```
CONTENTSTACK_PREVIEW_TOKEN = <preview_token_linked_with_delivery_token>CONTENTSTACK_PREVIEW_HOST = gcp-na-rest-preview.contentstack.comCONTENTSTACK_APP_HOST = gcp-na-app.contentstack.comCONTENTSTACK_BRANCH = <your_branch_name>CONTENTSTACK_LIVE_PREVIEW = true#By default, the live preview feature is enabled for this project. To disable it, set "CONTENTSTACK_LIVE_PREVIEW= false"
```

### Nuxt3 App Configuration for Google Europe Region

To set the Google Europe region, refer to the code below:

```
CONTENTSTACK_API_HOST = gcp-eu-api.contentstack.com
```

**Mandatory configuration parameters to enable Live Preview:**

```
CONTENTSTACK_PREVIEW_TOKEN = <preview_token_linked_with_delivery_token>CONTENTSTACK_PREVIEW_HOST = gcp-eu-rest-preview.contentstack.comCONTENTSTACK_APP_HOST = gcp-eu-app.contentstack.comCONTENTSTACK_BRANCH = <your_branch_name>CONTENTSTACK_LIVE_PREVIEW = true# By default, the live preview feature is enabled for this project. To disable it, set "CONTENTSTACK_LIVE_PREVIEW=false"
```

## StencilJS

### StencilJS App Configuration for Europe Region

To set the Europe region, refer to the code below:

#### Mandatory configuration parameters to enable Live Preview

```
CONTENTSTACK_PREVIEW_TOKEN = <preview_token_linked_with_delivery_token>CONTENTSTACK_PREVIEW_HOST = eu-rest-preview.contentstack.comCONTENTSTACK_APP_HOST = eu-app.contentstack.comCONTENTSTACK_API_HOST = eu-api.contentstack.comCONTENTSTACK_LIVE_PREVIEW = true #By default, the live preview feature is enabled for this project. To disable it, set "CONTENTSTACK_LIVE_PREVIEW= false".CONTENTSTACK_LIVE_EDIT_TAGS = false #By default, live editing tags are disabled for this project. To enable it, set “CONTENTSTACK_LIVE_EDIT_TAGS= true”.
```

### StencilJS App Configuration for Australia Region

To set the Australia region, refer to the code below:

#### Mandatory configuration parameters to enable Live Preview

```
CONTENTSTACK_PREVIEW_TOKEN = <preview_token_linked_with_delivery_token>CONTENTSTACK_PREVIEW_HOST = au-rest-preview.contentstack.comCONTENTSTACK_APP_HOST = au-app.contentstack.comCONTENTSTACK_API_HOST = au-api.contentstack.comCONTENTSTACK_LIVE_PREVIEW = true #By default, the live preview feature is enabled for this project. To disable it, set "CONTENTSTACK_LIVE_PREVIEW= false".CONTENTSTACK_LIVE_EDIT_TAGS = false #By default, live editing tags are disabled for this project. To enable it, set “CONTENTSTACK_LIVE_EDIT_TAGS= true”.
```

### StencilJS App Configuration for Azure NA Region

To set the Azure North America region, refer to the code below:

#### Mandatory configuration parameters to enable Live Preview

```
CONTENTSTACK_PREVIEW_TOKEN = <preview_token_linked_with_delivery_token>CONTENTSTACK_PREVIEW_HOST = azure-na-rest-preview.contentstack.comCONTENTSTACK_APP_HOST = azure-na-app.contentstack.com CONTENTSTACK_API_HOST = azure-na-api.contentstack.comCONTENTSTACK_LIVE_PREVIEW = true #By default, the live preview feature is enabled for this project. To disable it, set "CONTENTSTACK_LIVE_PREVIEW= false".CONTENTSTACK_LIVE_EDIT_TAGS = false #By default, live editing tags are disabled for this project. To enable it, set “CONTENTSTACK_LIVE_EDIT_TAGS= true”.
```

### StencilJS App Configuration for Azure EU Region

To set the Azure Europe region, refer to the code below:

#### Mandatory configuration parameters to enable Live Preview

```
CONTENTSTACK_PREVIEW_TOKEN = <preview_token_linked_with_delivery_token>CONTENTSTACK_PREVIEW_HOST = azure-eu-rest-preview.contentstack.comCONTENTSTACK_APP_HOST = azure-eu-app.contentstack.com CONTENTSTACK_API_HOST = azure-eu-api.contentstack.comCONTENTSTACK_BRANCH = <your_branch_name>CONTENTSTACK_LIVE_PREVIEW = true #By default, the live preview feature is enabled for this project. To disable it, set "CONTENTSTACK_LIVE_PREVIEW= false".CONTENTSTACK_LIVE_EDIT_TAGS = false #By default, live editing tags are disabled for this project. To enable it, set "CONTENTSTACK_LIVE_EDIT_TAGS= true".
```

### StencilJS App Configuration for Google NA Region

To set the Google North America region, refer to the code below:

#### Mandatory configuration parameters to enable Live Preview

```
CONTENTSTACK_PREVIEW_TOKEN = <preview_token_linked_with_delivery_token>CONTENTSTACK_PREVIEW_HOST = gcp-na-rest-preview.contentstack.comCONTENTSTACK_APP_HOST = gcp-na-app.contentstack.comCONTENTSTACK_API_HOST = gcp-na-api.contentstack.comCONTENTSTACK_BRANCH = <your_branch_name>CONTENTSTACK_LIVE_PREVIEW = true #By default, the live preview feature is enabled for this project. To disable it, set "CONTENTSTACK_LIVE_PREVIEW= false"CONTENTSTACK_LIVE_EDIT_TAGS = false #By default, live editing tags are disabled for this project. To enable it, set "CONTENTSTACK_LIVE_EDIT_TAGS= true"
```

### StencilJS App Configuration for Google Europe Region

To set the Google Europe region, refer to the code below:

**Mandatory configuration parameters to enable Live Preview:**

```
CONTENTSTACK_PREVIEW_TOKEN = <preview_token_linked_with_delivery_token>CONTENTSTACK_PREVIEW_HOST = gcp-eu-rest-preview.contentstack.comCONTENTSTACK_APP_HOST = gcp-eu-app.contentstack.comCONTENTSTACK_API_HOST = gcp-eu-api.contentstack.comCONTENTSTACK_BRANCH = <your_branch_name>CONTENTSTACK_LIVE_PREVIEW = true # By default, the live preview feature is enabled for this project. To disable it, set "CONTENTSTACK_LIVE_PREVIEW=false"CONTENTSTACK_LIVE_EDIT_TAGS = false # By default, live editing tags are disabled for this project. To enable it, set "CONTENTSTACK_LIVE_EDIT_TAGS=true"
```

## Next.js Static Site Generator

### Next.js SSG App Configuration for Europe Region

To set the Europe region, refer to the code below:

Mandatory configuration parameters to enable Live Preview

```
CONTENTSTACK_PREVIEW_TOKEN = <preview_token_linked_with_delivery_token>CONTENTSTACK_PREVIEW_HOST = eu-rest-preview.contentstack.comCONTENTSTACK_APP_HOST = eu-app.contentstack.comCONTENTSTACK_API_HOST = eu-api.contentstack.comCONTENTSTACK_LIVE_PREVIEW = true #By default, the live preview feature is enabled for this project. To disable it, set "CONTENTSTACK_LIVE_PREVIEW= false".CONTENTSTACK_LIVE_EDIT_TAGS = false #By default, live editing tags are disabled for this project. To enable it, set “CONTENTSTACK_LIVE_EDIT_TAGS= true”.
```

### Next.js SSG App Configuration for Australia Region

To set the Australia region, refer to the code below:

Mandatory configuration parameters to enable Live Preview

```
CONTENTSTACK_PREVIEW_TOKEN = <preview_token_linked_with_delivery_token>CONTENTSTACK_PREVIEW_HOST = au-rest-preview.contentstack.comCONTENTSTACK_APP_HOST = au-app.contentstack.comCONTENTSTACK_API_HOST = au-api.contentstack.comCONTENTSTACK_LIVE_PREVIEW = true #By default, the live preview feature is enabled for this project. To disable it, set "CONTENTSTACK_LIVE_PREVIEW= false".CONTENTSTACK_LIVE_EDIT_TAGS = false #By default, live editing tags are disabled for this project. To enable it, set “CONTENTSTACK_LIVE_EDIT_TAGS= true”.
```

### Next.js SSG App Configuration for Azure NA Region

To set the Azure North America region, refer to the code below:  
Mandatory configuration parameters to enable Live Preview

```
CONTENTSTACK_PREVIEW_TOKEN = <preview_token_linked_with_delivery_token>CONTENTSTACK_PREVIEW_HOST = azure-na-rest-preview.contentstack.comCONTENTSTACK_APP_HOST = azure-na-app.contentstack.com CONTENTSTACK_API_HOST = azure-na-api.contentstack.com CONTENTSTACK_LIVE_PREVIEW = true #By default, the live preview feature is enabled for this project. To disable it, set "CONTENTSTACK_LIVE_PREVIEW= false".CONTENTSTACK_LIVE_EDIT_TAGS = false #By default, live editing tags are disabled for this project. To enable it, set “CONTENTSTACK_LIVE_EDIT_TAGS= true”.
```

### Next.js SSG App Configuration for Azure EU Region

To set the Azure Europe region, refer to the code below:

Mandatory configuration parameters to enable Live Preview

```
CONTENTSTACK_PREVIEW_TOKEN = <preview_token_linked_with_delivery_token>CONTENTSTACK_PREVIEW_HOST = azure-eu-rest-preview.contentstack.comCONTENTSTACK_APP_HOST = azure-eu-app.contentstack.com CONTENTSTACK_API_HOST = azure-eu-api.contentstack.com # By default branch=main, if a branch is not provided# CONTENTSTACK_BRANCH = <your_branch_name>CONTENTSTACK_LIVE_PREVIEW = true #By default, the live preview feature is enabled for this project. To disable it, set "CONTENTSTACK_LIVE_PREVIEW= false".CONTENTSTACK_LIVE_EDIT_TAGS = false #By default, live editing tags are disabled for this project. To enable it, set "CONTENTSTACK_LIVE_EDIT_TAGS= true".
```

### Next.js SSG App Configuration for Google NA Region

To set the Google North America region, refer to the code below:

#### Mandatory configuration parameters to enable Live Preview

```
CONTENTSTACK_PREVIEW_TOKEN = <preview_token_linked_with_delivery_token>CONTENTSTACK_PREVIEW_HOST = gcp-na-rest-preview.contentstack.comCONTENTSTACK_APP_HOST = gcp-na-app.contentstack.com CONTENTSTACK_API_HOST = gcp-na-api.contentstack.com # By default branch=main, if a branch is not provided# CONTENTSTACK_BRANCH = <your_branch_name>CONTENTSTACK_LIVE_PREVIEW = true #By default, the live preview feature is enabled for this project. To disable it, set "CONTENTSTACK_LIVE_PREVIEW= false"CONTENTSTACK_LIVE_EDIT_TAGS = false #By default, live editing tags are disabled for this project. To enable it, set "CONTENTSTACK_LIVE_EDIT_TAGS= true"
```

### Next.js SSG App Configuration for Google Europe Region

To set the Google Europe region, refer to the code below:

**Mandatory configuration parameters to enable Live Preview:**

```
CONTENTSTACK_PREVIEW_TOKEN = <preview_token_linked_with_delivery_token>CONTENTSTACK_PREVIEW_HOST = gcp-eu-rest-preview.contentstack.comCONTENTSTACK_APP_HOST = gcp-eu-app.contentstack.com CONTENTSTACK_API_HOST = gcp-eu-api.contentstack.com # By default branch=main, if a branch is not provided# CONTENTSTACK_BRANCH = <your_branch_name>CONTENTSTACK_LIVE_PREVIEW = true # By default, the live preview feature is enabled for this project. To disable it, set "CONTENTSTACK_LIVE_PREVIEW=false"CONTENTSTACK_LIVE_EDIT_TAGS = false # By default, live editing tags are disabled for this project. To enable it, set "CONTENTSTACK_LIVE_EDIT_TAGS=true"
```

## ASP.NET Blazor

### ASP.NET Blazor App Configuration for Europe Region

To set the Europe region, refer to the code below:

```
{  "ContentstackOptions": {    "Host": "eu-cdn.contentstack.com",    "ApiKey": "<API_KEY>",    "DeliveryToken": "<DELIVERY_TOKEN>",    "Environment": "<ENVIRONMENT_NAME>"  }}
```

### ASP.NET Blazor App Configuration for Azure NA Region

To set the Azure North America region, refer to the code below:

```
{  "ContentstackOptions": {    "Host": "azure-na-cdn.contentstack.com",    "ApiKey": "<API_KEY>",    "DeliveryToken": "<DELIVERY_TOKEN>",    "Environment": "<ENVIRONMENT_NAME>"  }}
```

### ASP.NET Blazor App Configuration for Australia Region

To set the Australia region, refer to the code below:

```
{  "ContentstackOptions": {    "Host": "au-cdn.contentstack.com",    "ApiKey": "<API_KEY>",    "DeliveryToken": "<DELIVERY_TOKEN>",    "Environment": "<ENVIRONMENT_NAME>"  }}
```

### ASP.NET Blazor App Configuration for Azure EU Region

To set the Azure Europe region, refer to the code below:

```
{  "ContentstackOptions": {    "Host": "azure-eu-cdn.contentstack.com",    "ApiKey": "<API_KEY>",    "DeliveryToken": "<DELIVERY_TOKEN>",    "Environment": "<ENVIRONMENT_NAME>",    "Branch": "<your_branch_name>",  }}
```

### ASP.NET Blazor App Configuration for Google NA Region

To set the Google North America region, refer to the code below:

```
{  "ContentstackOptions": {    "Host": "gcp-na-cdn.contentstack.com",    "ApiKey": "<API_KEY>",    "DeliveryToken": "<DELIVERY_TOKEN>",    "Environment": "<ENVIRONMENT_NAME>",    "Branch": "<your_branch_name>",  }}
```

### ASP.NET Blazor App Configuration for Google Europe Region

To set the Google Europe region, refer to the code below:

```
{  "ContentstackOptions": {    "Host": "gcp-eu-cdn.contentstack.com",    "ApiKey": "<API_KEY>",    "DeliveryToken": "<DELIVERY_TOKEN>",    "Environment": "<ENVIRONMENT_NAME>",    "Branch": "<your_branch_name>"  }}
```

## Sveltekit

### Sveltekit App Configuration for Europe Region

To set the Europe region, refer to the code below:  

```
CONTENTSTACK_API_KEY = <api_key_of_your_stack>CONTENTSTACK_DELIVERY_TOKEN = <delivery_token_of_the_environment>CONTENTSTACK_ENVIRONMENT = <environment_name>CONTENTSTACK_API_HOST = eu-api.contentstack.com
```

#### Mandatory configuration parameters to enable Live Preview

```
CONTENTSTACK_PREVIEW_TOKEN = <preview_token_linked_with_delivery_token>CONTENTSTACK_PREVIEW_HOST = eu-rest-preview.contentstack.comCONTENTSTACK_APP_HOST = eu-app.contentstack.comCONTENTSTACK_LIVE_PREVIEW = true #By default, the live preview feature is enabled for this project. To disable it, set "CONTENTSTACK_LIVE_PREVIEW= false".CONTENTSTACK_LIVE_EDIT_TAGS = false #By default, live editing tags are disabled for this project. To enable it, set “CONTENTSTACK_LIVE_EDIT_TAGS= true”.
```

### Sveltekit App Configuration for Australia Region

To set the Australia region, refer to the code below:  

```
CONTENTSTACK_API_KEY = <api_key_of_your_stack>CONTENTSTACK_DELIVERY_TOKEN = <delivery_token_of_the_environment>CONTENTSTACK_ENVIRONMENT = <environment_name>CONTENTSTACK_API_HOST = au-api.contentstack.com
```

#### Mandatory configuration parameters to enable Live Preview

```
CONTENTSTACK_PREVIEW_TOKEN = <preview_token_linked_with_delivery_token>CONTENTSTACK_PREVIEW_HOST = au-rest-preview.contentstack.comCONTENTSTACK_APP_HOST = au-app.contentstack.comCONTENTSTACK_LIVE_PREVIEW = true #By default, the live preview feature is enabled for this project. To disable it, set "CONTENTSTACK_LIVE_PREVIEW= false".CONTENTSTACK_LIVE_EDIT_TAGS = false #By default, live editing tags are disabled for this project. To enable it, set “CONTENTSTACK_LIVE_EDIT_TAGS= true”.
```

### Sveltekit App Configuration for Azure NA Region

To set the Azure North America region, refer to the code below:

```
CONTENTSTACK_API_KEY = <api_key_of_your_stack>CONTENTSTACK_DELIVERY_TOKEN = <delivery_token_of_the_environment>CONTENTSTACK_ENVIRONMENT = <environment_name>CONTENTSTACK_API_HOST = azure-na-api.contentstack.com
```

#### Mandatory configuration parameters to enable Live Preview

```
CONTENTSTACK_PREVIEW_TOKEN = <preview_token_linked_with_delivery_token>CONTENTSTACK_PREVIEW_HOST = azure-na-rest-preview.contentstack.comCONTENTSTACK_APP_HOST = azure-na-app.contentstack.comCONTENTSTACK_LIVE_PREVIEW = true #By default, the live preview feature is enabled for this project. To disable it, set "CONTENTSTACK_LIVE_PREVIEW= false".CONTENTSTACK_LIVE_EDIT_TAGS = false #By default, live editing tags are disabled for this project. To enable it, set “CONTENTSTACK_LIVE_EDIT_TAGS= true”.
```

### Sveltekit App Configuration for Azure EU Region

To set the Azure Europe region, refer to the code below:

```
CONTENTSTACK_API_KEY = <api_key_of_your_stack>CONTENTSTACK_DELIVERY_TOKEN = <delivery_token_of_the_environment>CONTENTSTACK_ENVIRONMENT = <environment_name>CONTENTSTACK_API_HOST = azure-eu-api.contentstack.com# By default branch=main, if a branch is not providedCONTENTSTACK_BRANCH = <your_branch_name>
```

#### Mandatory configuration parameters to enable Live Preview

```
CONTENTSTACK_PREVIEW_TOKEN = <preview_token_linked_with_delivery_token>CONTENTSTACK_PREVIEW_HOST = azure-eu-rest-preview.contentstack.comCONTENTSTACK_APP_HOST = azure-eu-app.contentstack.comCONTENTSTACK_LIVE_PREVIEW = true #By default, the live preview feature is enabled for this project. To disable it, set "CONTENTSTACK_LIVE_PREVIEW= false".CONTENTSTACK_LIVE_EDIT_TAGS = false #By default, live editing tags are disabled for this project. To enable it, set "CONTENTSTACK_LIVE_EDIT_TAGS= true".
```

### Sveltekit App Configuration for Google NA Region

To set the Google North America region, refer to the code below:

```
CONTENTSTACK_API_KEY = <api_key_of_your_stack>CONTENTSTACK_DELIVERY_TOKEN = <delivery_token_of_the_environment>CONTENTSTACK_ENVIRONMENT = <environment_name>CONTENTSTACK_API_HOST = gcp-na-api.contentstack.com# By default branch=main, if a branch is not providedCONTENTSTACK_BRANCH = <your_branch_name>
```

#### Mandatory configuration parameters to enable Live Preview

```
CONTENTSTACK_PREVIEW_TOKEN = <preview_token_linked_with_delivery_token>CONTENTSTACK_PREVIEW_HOST = gcp-na-rest-preview.contentstack.comCONTENTSTACK_APP_HOST = gcp-na-app.contentstack.comCONTENTSTACK_LIVE_PREVIEW = true #By default, the live preview feature is enabled for this project. To disable it, set "CONTENTSTACK_LIVE_PREVIEW= false"CONTENTSTACK_LIVE_EDIT_TAGS = false #By default, live editing tags are disabled for this project. To enable it, set "CONTENTSTACK_LIVE_EDIT_TAGS= true"
```

### Sveltekit App Configuration for Google Europe Region

To set the Google Europe region, refer to the code below:

```
CONTENTSTACK_API_KEY = <api_key_of_your_stack>CONTENTSTACK_DELIVERY_TOKEN = <delivery_token_of_the_environment>CONTENTSTACK_ENVIRONMENT = <environment_name>CONTENTSTACK_API_HOST = gcp-eu-api.contentstack.com# By default branch=main, if a branch is not providedCONTENTSTACK_BRANCH = <your_branch_name>
```

**Mandatory configuration parameters to enable Live Preview:**

```
CONTENTSTACK_PREVIEW_TOKEN = <preview_token_linked_with_delivery_token>CONTENTSTACK_PREVIEW_HOST = gcp-eu-rest-preview.contentstack.comCONTENTSTACK_APP_HOST = gcp-eu-app.contentstack.comCONTENTSTACK_LIVE_PREVIEW = true # By default, the live preview feature is enabled for this project. To disable it, set "CONTENTSTACK_LIVE_PREVIEW=false"CONTENTSTACK_LIVE_EDIT_TAGS = false # By default, live editing tags are disabled for this project. To enable it, set "CONTENTSTACK_LIVE_EDIT_TAGS=true"
```