See what's launched

The next gen Gatsby is here Performance, developer velocity, and scaling to meet Enterprise needs - See what’s launched

Sign Up for Free
Community Plugin
View plugin on GitHub


Adds Preview UI to Gatsby sites that have preview enabled.


npm install --save @gatsby-cloud-pkg/gatsby-plugin-preview

# or

yarn add @gatsby-cloud-pkg/gatsby-plugin-preview
// In your gatsby-config.js
plugins: [`@gatsby-cloud-pkg/gatsby-plugin-preview`]

How to use

Once installed you will be greeted by the Preview UI floating bar.

Preview UI

You can interact with the different buttons in the bar. The info button will display different messages and actions depending on the status of the build for the page your currently on.

Default Status

Preview UI Status

Page Updated Status

Preview UI Page Updated
© 2022 Gatsby, Inc.