Skip to main content
Log inGet free account

Configure Content Preview

Learn how to configure content preview.

Discuss in Slack
Edit this page on GitHub Report an issue with this doc

This section provides information on how to configure decoupled content preview for your site. This allows you to preview your content changes in the Next.js app before publishing to your live site.

Configure Environment Variables

  1. Go to the Site Dashboard and click Builds.

  2. Scroll down to Site Environment Variables and click the Get Started or Make Changes button. The Get Started button displays if you have not added any Site Environment Variables yet.

    Site Environment Variables

  3. Add the keys below and the corresponding values and then click Save. These are the secure preview key-value pairs you were provided with and copied when you installed your CMS.

    • CLIENT_ID
    • CLIENT_SECRET
    • PREVIEW_SECRET

  4. Go to the Overview page and click the Trigger Build button to start a new build and deployment.

  5. Locate your live build in the Multidev section, click Actions, and then select View Latest Build Logs to confirm that your environment variables are set on your live Front-End Site.

  6. Log in to your Drupal dashboard, navigate to the Live environment, and select the Structure menu.

  7. Select Preview Sites and then click the Edit button.

  8. Edit the URL field to match the Live environment URL of your Front-End Site with /api/preview at the end.

  9. Edit the Secret field to match the PREVIEW_SECRET value you used in the previous steps, and then click Save.

You can now use the Decoupled Preview button to preview changes to your content.