Introducing Gatsby Preview for Cosmic

Cosmic Blog
Cosmic Blog Introducing Gatsby Preview for Cosmic
by Tony Spiro on November 26, 2019

This article was originally published on the Gatsby Blog.

We’re excited to announce the official release of Gatsby Preview for Cosmic. This new integration enables you to add powerful content preview functionality to your Cosmic Gatsby website.


Getting Started

  1. First go to the Gatsby Getting Started Page and follow the links for Cosmic.
  2. Select the Cosmic-powered Gatsby Blog
  3. You will then be asked for your GitHub and Cosmic authentication, so make sure you have both accounts set up (sign up for Cosmic here).
  4. After onboarding, go to any Post in your Cosmic Bucket and find the big, beautiful, purple button to preview your content. 


Cosmic Gatsby Preview Screenshot


What happens?

After clicking the “Open Preview” button, a new tab will open to instantly show you what the content looks like for this specific version on your Gatsby website. This simple one-click preview will greatly enhance your content team’s content-creation workflow.

Cosmic Gatsby Preview Screenshot


How did this integration happen?

The Cosmic / Gatsby Preview integration is the result of close collaboration between both teams to make the integration as easy as possible. Both sides had to refactor a bit of existing functionality to make it seamless. And the feedback that came from the collaboration effort actually helped to improve both products. We’re happy to say this powerful feature can be integrated in just a few clicks.


Why is this a big deal?

Both Gatsby and Cosmic believe deeply in providing developers the best development experience possible. But it’s not just about developers. Content creation team members are crucial to building great web products. And one of the most requested features for content creators is preview, but this has been a challenge for developer teams pushing for highly-optimized JAMStack websites built on Gatsby.

Gatsby Preview solves this problem by providing a simple button for content creators to experience an instant preview of content directly in the CMS dashboard. Gatsby preview with the Cosmic headless CMS, is a further extension to empower content creators to preview content quickly and easily, giving teams faster content marketing velocity.


What’s next?

We’re excited to continue to work closely with the Gatsby team to help create more value-added integrations between both services. It’s our goal to continue to provide the full spectrum of team members the best tools to be successful.

Our users have been very helpful with letting us know ways to improve the Cosmic + Gatsby stack combo. So if you have any suggestions on ways we can improve, please let us know in the Cosmic Slack channel or on our Twitter.


Happy building!

— Tony and the Cosmic Team

You may also like


What is headless commerce? What does a headless commerce architecture look like? And how do you build one? And do you need to in the first place? Get all your headless commerce questions answered right here.

GraphQL vs. ReST - which works better for your application? This article compares similarities and key differences, and provides considerations for when to choose one or the other.

We believe headless is positioned to dominate the CMS market in the next decade. How so? Take a peek into our insights.

In this episode of the Cosmic Developer Spotlight Series, we chatted with Lydia Hallie, remote software developer and active contributor on Dev.to. She has been getting a lot of attention for her easy-to-follow (and beautifully visual!) educational resources for JavaScript. Follow Lydia on Twitter, GitHub, LinkedIn, and enjoy the conversation.

We released our additional users Add-on a few weeks ago and it has become one of the most popular products. We think customers really like the flexibility it gives their team to upgrade just a portion of their usage plan instead of jumping up to the next plan. With that flexibility in mind, we are happy to offer two more add-ons to help you get the most out of Cosmic while allowing more billing flexibility.

For the last few months, we've been hard at work building an entirely new Cosmic dashboard. Built from the ground up, our new dashboard promises to be faster, easier to use, and more beautiful than any CMS dashboard you have ever seen.

Get Started with Cosmic

Build personal projects for free. Add your team at unbeatable prices.
Start Building Talk to Sales