Connect XM Cloud Pages to your local XM instance

When you use Docker for full-stack development in XM Cloud, and after you set up your local XM Cloud development environment, XM Cloud Pages is not connected to your locally running XM instance.

Setting a local storage key in your browser lets you connect your local XM application to XM Cloud Pages.

Before you begin

You must join the Sitecore Cloud Portal organization where your XM Cloud instance was created and have access to the XM Cloud app.
You must start your XM Cloud container.
The rendering application must be run in connected mode.

To connect XM Cloud Pages:

In your browser, navigate to the XM Cloud Pages application.
Open the developer tools console of your browser and find the local storage section. The location differs between browsers:
- For Chrome and Edge, open the Application panel. In the Storage section, expand the Local Storage section.
- For Firefox, open the Storage panel, and expand the Local Storage section.
In the Local Storage panel, click the entry for XM Cloud Pages https://pages.sitecorecloud.io to reveal the local storage entries.
Create a new entry by adding a new row with the following values:
- Key: Sitecore.Pages.LocalXmCloudUrl.
- Value: the URL of your local XM Cloud instance. For example, https://xmcloudcm.localhost/.
Verify that your local XM Cloud instance is configured to connect with XM Cloud Pages. If correctly configured, your XM Cloud instance has the following environment variables:
RequestResponse
```
SITECORE_Pages_Client_Host=https://pages.sitecorecloud.io
SITECORE_Pages_CORS_Allowed_Origins=pages.sitecorecloud.io
SITECORE_GRAPHQL_CORS=*.sitecorecloud.io
```
Refresh the https://pages.sitecorecloud.io page to see your local front-end application.

Note

If you get a 401 error, click Home and log in again if prompted.

Do you have some feedback for us?

If you have suggestions for improving this article,