Migrate to Netlify Today

Netlify announces the next evolution of Gatsby Cloud. Learn more

ContactSign Up
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
© 2023 Gatsby, Inc.