---
type: post
authors:
  - alex-patterson
cloudinary_convert: false
cover: https://media.codingcat.dev/image/upload/v1618944778/main-codingcatdev-photo/qo6tuotjevkv0dpzzw39.png
devto: https://dev.to/codingcatdev/gatsby-cloud-with-sanity-cms-2b5e
excerpt: Start building your static site with Gatsby cloud and get live previews when you utilize Sanity as your CMS!
hashnode: https://hashnode.codingcat.dev/post-gatsby-cloud-with-sanity-cms
preview: https://codingcat.dev/api/preview?secret=7tjQhb1qQlS3FtyV3b0I&selectionType=post&selectionSlug=gatsby-cloud-with-sanity-cms&_id=dd00ae4afc0a46f0be850193a4cfbc2b
published: published
slug: gatsby-cloud-with-sanity-cms
start: November 14, 2019
title: Gatsby Cloud with Sanity CMS
---

As a developer have you ever wanted to use a website builder like Squarespace, Wix or IM Creator because of their live previews? Then you realize I cannot add all the wonderful features of a ReactJS based environment! Gatsby Cloud just solved this for you!

## Useful Links

[https://www.gatsbyjs.com/docs/sanity/getting-started/](https://www.gatsbyjs.com/docs/sanity/getting-started/)[https://www.gatsbyjs.com/docs/sanity/adding-extension/](https://www.gatsbyjs.com/docs/sanity/adding-extension/)

## Gatsby

[https://www.gatsbyjs.com/](https://www.gatsbyjs.com/)Gatsby is an open source, modern website framework that builds performance into every site by leveraging the latest web technologies such as React and GraphQL. Create blazing fast apps and websites without needing to become a performance expert.

## Gatsby Cloud

![https://media.codingcat.dev/image/upload/v1657636760/main-codingcatdev-photo/394d1639-6c58-4ff5-a0e1-8ddb63e51379.png](https://media.codingcat.dev/image/upload/v1657636760/main-codingcatdev-photo/394d1639-6c58-4ff5-a0e1-8ddb63e51379.png)

### Real-time Preview

### Content collaboration just got easier

Preview is like a private playground for developers, designers, and content creators. It provides a shareable temporary URL for viewing changes immediately and in context—so you can make sure that new header plays nicely with the rest of the page before hitting “publish.”

- Instant updates triggered by your CMS or webhooks
- Shareable Preview URL for easy collaboration
- Popular CMS integrations with more coming soon
- Support for many headless CMSs out-of-the-box

### Builds (coming soon)

### The fastest way to build a Gatsby site

Tailored to Gatsby applications, Builds provide all the automation and infrastructure you need for instant continous deployment. On top of that, we include Lighthouse performance checks (coming soon) and Gatsby image processing in the Cloud.

- Fastest build times for Gatsby sites
- Build every branch automatically
- Push to deploy with GitHub
- Show and share previews of deploys (status checks on PRs, shareable URLs, etc)
- Automated Lighthouse performance checks

## Sanity

[https://www.sanity.io/](https://www.sanity.io/)Sanity is the fastest, most flexible platform for delivering content to digital devices and products.

![https://media.codingcat.dev/image/upload/v1657636760/main-codingcatdev-photo/97b737b6-8712-4deb-b430-738bea943c1f.png](https://media.codingcat.dev/image/upload/v1657636760/main-codingcatdev-photo/97b737b6-8712-4deb-b430-738bea943c1f.png)

### Move faster

Sketch with data. Start content work before even selecting a presentation framework. Move right to production.

### A single source of truth

Advanced data modeling and custom user interfaces let you decouple content from presentation.

### Treat content as data

Sanity treats your all content as data – even rich text – so you can transform and reuse it across channels.
