Gatsby Cloud
Featured contribution
Sanity Studio Dashboard Widget for triggering Gatsby Cloud Preview instances/sites.
Go to Gatsby CloudGatsby resources
Guides, plugins, and other resources for Gatsby – the popular React-based Javascript framework.
4 Gatsby tools
Sanity Codegen
Generate TypeScript types from your Sanity schemas. Also includes a simple and tiny (<1kB) TypeScript powered client. Built for Jamstack apps.
Rico Kahler
gatsby-plugin-sanity-image
Easily leverage the power of Sanity's image API from React-based environments like Gatsby.
Corey Ward
Gatsby source plugin
Official(made by Sanity team)
Source plugin for pulling content from Sanity.io into Gatsby websites.
Espen Hovlandsdal
6 Gatsby starters
HeySugar (Gatsby)
Featured contribution
An open-source, self hosted, blood sugar tracker for type one and type two diabetics. Developed with Sanity and built with Gatsby.
Jamie Bradley
Kitchen Sink
Featured contribution
Official(made by Sanity team)
Sanity.io’s ever-evolving feature-rich demonstration studio. Fully customizable examples of page building, blog template and more examples with a React.js front-end.
Blog with Gatsby
Featured contribution
Official(made by Sanity team)
Fully customizable blog template with a Gatsby & React.js front-end.
Gatsby Theme Catalyst Bery
A minimalist personal blog featuring a Gatsby frontend and SANITY backend with automatic RSS feeds, and sortable posts.
Eric Howey
Gatsby Theme Catalyst
A minimalist integration of Gatsby and SANITY designed as a starting point to accelerate your development workflow.
Eric Howey
Gatsby Portfolio
Official(made by Sanity team)
A clean Gatsby & React.js starting point for portfolios, project listings or case studies.
9 Gatsby guides
Using Theme UI with SANITY.io
Learn how to integrate SANITY.io block content with Theme UI styles on your frontend
This is an external link at:www.erichowey.dev
Eric Howey
Creating 'Site Settings' for a Sanity powered Gatsby site
See how we can add a Site Settings section in our Sanity Studio so our site administrators can update relevant info on our site.
This is an external link at:stordahl.dev
Jacob Størdahl
Form submission using Gatsby, SANITY, Netlify and React Hook Form
A walk through of creating a contact form in Gatsby that submits to both an email address and a backend database using SANITY. The form itself will be built using React Hook Form and also integrate with Netlify forms.
This is an external link at:www.erichowey.dev
Eric Howey
How to Make Taxonomy Pages With Gatsby and Sanity.io
Official(made by Sanity team)
In this tutorial, we’ll cover how to make taxonomy pages with Gatsby with structured content from Sanity.io.
This is an external link at:css-tricks.com
Knut Melvær
Making New Projects with Gatsby & Sanity
How to start from scratch with a Sanity powered Gatsby website
This is an external link at:dev.to
Go to Making New Projects with Gatsby & SanityA method for Localization with Gatsby and Sanity.io
Learn how to implement localised content from Sanity in Gatsby.js
This is an external link at:www.gatsbyjs.org
Go to A method for Localization with Gatsby and Sanity.ioAnchor Links from Sanity in Gatsby
How to make anchor links in Gatsby
This is an external link at:codingcat.dev
Go to Anchor Links from Sanity in GatsbyGet started with the Gatsby blog
Official(made by Sanity team)
Get started with the Sanity and Gatsby blog starter project
Knut Melvær
Get started with the Gatsby portfolio
Official(made by Sanity team)
How to get started with the Sanity and Gatsby powered portfolio website
Knut Melvær
40 Gatsby projects made with Sanity
Occo
Featured contribution
Complex product offering with nested product structure and tiered pricing.
Kevin Green
Figma Config
Featured contribution
Website for Config, the global design conference by Figma.
Corey Ward
The Agnes
Featured contribution
A high end rental real estate site built with Gatsby, Sanity and Shopify that pulls in listing data via API and includes a headless Shopify shop.
David Gross
Why Mums Don't Jump
Featured contribution
Podcast website, plus blog and custom player. Built with Gatsby with a custom source plugin for TransistorFM.
Paul Brickles
Allkinds
Craft a unique online experience that is reflective of the fun and uniqueness of this child focused reusable, compostable, refillable brand.
Kevin Green
OEM
Headless eCommerce experience for a new kind of healthcare company.
Thomas Kim
The GatsbyJS framework is one of the most popular React frameworks available in web development today. Offering all the speed and ease of use of a static site generator with the power of a fullstack application, Gatsby allows development of advanced websites in the time it takes to create a mock-up. Check out these guides, starters, and plugins for use in Gatsby with Sanity studio and get inspired by the work of our community. Sanity's customizable approach to content management integrates flawlessly with Gatsby's GraphQL data structure-- the most cutting-edge web applications are simpler to create than ever before.