Connect XM Cloud Pages to your local XM instance

After setting 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

To connect XM Cloud Pages:

  1. In your browser, navigate to the XM Cloud Pages application.

  2. 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.

  3. In the Local Storage panel, click the entry for XM Cloud Pages https://pages.sitecorecloud.io to reveal the local storage entries.

  4. 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/.

  5. 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
  6. 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,