🎈 Welcome to the Marketplace — Explore and discover the ecosystem around DatoCMS, and share your own work with the community!

Gatsby Cloud

Plugin that allows access to Gatsby Cloud Preview instances

This is a Community Plugin! Learn how create your own plugin, or copy and remix existing ones in our documentation

Gatsby Preview DatoCMS plugin

Plugin that allows access to Gatsby Preview instances


To get setup quickly with this extension, use Quick Connect on your Gatsby Cloud Site, otherwise you can follow the manual configuration below:

Manual Configuration

In DatoCMS, your project is served to a DatoCMS subdomain. Click on "Enter project" then go to Settings -> Plugins -> Gatsby Cloud and install.

Please specify the Content Sync URL (optional, this is a new Gatsby feature), Gatsby Preview instance url (optional) and auth token (optional) in the plugin global settings.

Next, click on the Models option in the sidebar. This should open up your "product name" settings. Click on the settings of your product and select additional settings.

This is where the "Enable draft/published system" Option is selected. So that changes you save are available in your Gatsby Preview, but not pushed to production.

Enable draft/published system

Last step will be adding the "Open Preview" button to the Model. Click on the model you wish to add it to, add a new JSON field. Name it "Gatsby Preview", click on the Presentation tab and select Gatsby Cloud as the field editor.

Configuration screenshot


Once you've configured the plugin, you will be able to see it as a sidebar widget.

Plugin screenshot

Note for those NOT using Content Sync: if the slug field is localized in a specific model, so needs to be the JSON field on which the plugin gets installed.

Gatsby Cloud
Plugin that allows access to Gatsby Cloud Preview insta…
Author gravatartylerbarnes
Visit NPM
Plugin type
Sidebar widget
Compatible with fields
Current version
Installs count
Last update