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.
NoteBy 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.com CONTENTSTACK_APP_HOST = eu-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". 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.com CONTENTSTACK_APP_HOST = au-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". 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.com CONTENTSTACK_APP_HOST = gcp-eu-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" 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.com CONTENTSTACK_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". 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.com CONTENTSTACK_APP_HOST = azure-eu-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". 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.com CONTENTSTACK_APP_HOST = gcp-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" 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.com CONTENTSTACK_APP_HOST = gcp-eu-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" 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.com CONTENTSTACK_APP_HOST = eu-app.contentstack.com CONTENTSTACK_API_HOST = eu-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 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.com CONTENTSTACK_APP_HOST = au-app.contentstack.com CONTENTSTACK_API_HOST = au-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 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.com 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". 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.com CONTENTSTACK_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.com CONTENTSTACK_APP_HOST = gcp-na-app.contentstack.com CONTENTSTACK_API_HOST = gcp-na-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 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.com CONTENTSTACK_APP_HOST = gcp-eu-app.contentstack.com CONTENTSTACK_API_HOST = gcp-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 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.com 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 "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.com 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 "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.com REACT_APP_CONTENTSTACK_APP_HOST = eu-app.contentstack.com REACT_APP_CONTENTSTACK_API_HOST = eu-api.contentstack.com 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 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.com REACT_APP_CONTENTSTACK_APP_HOST = au-app.contentstack.com REACT_APP_CONTENTSTACK_API_HOST = au-api.contentstack.com 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 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.com REACT_APP_CONTENTSTACK_APP_HOST = azure-na-app.contentstack.com REACT_APP_CONTENTSTACK_API_HOST = azure-na-api.contentstack.com 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 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.com REACT_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.com REACT_APP_CONTENTSTACK_APP_HOST = gcp-na-app.contentstack.com REACT_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.com REACT_APP_CONTENTSTACK_APP_HOST = gcp-eu-app.contentstack.com REACT_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.com REACT_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.com REACT_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.com CONTENTSTACK_APP_HOST = eu-app.contentstack.com CONTENTSTACK_API_HOST = eu-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".
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.com CONTENTSTACK_APP_HOST = au-app.contentstack.com CONTENTSTACK_API_HOST = au-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".
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.com 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".
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.com 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".
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.com CONTENTSTACK_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"
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.com CONTENTSTACK_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"
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.com VUE_APP_CONTENTSTACK_APP_HOST = eu-app.contentstack.com VUE_APP_CONTENTSTACK_API_HOST = eu-api.contentstack.com 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 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.com VUE_APP_CONTENTSTACK_APP_HOST = au-app.contentstack.com VUE_APP_CONTENTSTACK_API_HOST = au-api.contentstack.com 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 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.com VUE_APP_CONTENTSTACK_APP_HOST = azure-na-app.contentstack.com VUE_APP_CONTENTSTACK_API_HOST = azure-na-api.contentstack.com 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 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.com VUE_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.com VUE_APP_CONTENTSTACK_APP_HOST = gcp-na-app.contentstack.com VUE_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.com VUE_APP_CONTENTSTACK_APP_HOST = gcp-eu-app.contentstack.com VUE_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.com CONTENTSTACK_API_HOST = eu-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 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.com CONTENTSTACK_API_HOST = au-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 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.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"
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.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"
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.com CONTENTSTACK_APP_HOST = eu-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 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.com CONTENTSTACK_APP_HOST = au-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 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.com CONTENTSTACK_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.com CONTENTSTACK_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.com CONTENTSTACK_APP_HOST = gcp-na-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 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.com CONTENTSTACK_APP_HOST = gcp-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"
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.com CONTENTSTACK_APP_HOST = eu-app.contentstack.com CONTENTSTACK_API_HOST = eu-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”.
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.com CONTENTSTACK_APP_HOST = au-app.contentstack.com CONTENTSTACK_API_HOST = au-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”.
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.com 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". 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.com CONTENTSTACK_APP_HOST = azure-eu-app.contentstack.com CONTENTSTACK_API_HOST = azure-eu-api.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". 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.com CONTENTSTACK_APP_HOST = gcp-na-app.contentstack.com CONTENTSTACK_API_HOST = gcp-na-api.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" 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.com CONTENTSTACK_APP_HOST = gcp-eu-app.contentstack.com CONTENTSTACK_API_HOST = gcp-eu-api.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" 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.com CONTENTSTACK_APP_HOST = eu-app.contentstack.com CONTENTSTACK_API_HOST = eu-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 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.com CONTENTSTACK_APP_HOST = au-app.contentstack.com CONTENTSTACK_API_HOST = au-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 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.com 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". 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.com 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". 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.com CONTENTSTACK_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.com CONTENTSTACK_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.com CONTENTSTACK_APP_HOST = eu-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". 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.com CONTENTSTACK_APP_HOST = au-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". 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.com CONTENTSTACK_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". 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 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.com CONTENTSTACK_APP_HOST = azure-eu-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". 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 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.com CONTENTSTACK_APP_HOST = gcp-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" 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 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.com CONTENTSTACK_APP_HOST = gcp-eu-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" CONTENTSTACK_LIVE_EDIT_TAGS = false # By default, live editing tags are disabled for this project. To enable it, set "CONTENTSTACK_LIVE_EDIT_TAGS=true"