Gatsby
Welcome to the developer documentation of Prismic and Gatsby. This page outlines some of the resources you will find in this documentation.
The Gatsby website describes Gatsby.js as "a free and open-source framework based on React that helps developers build blazing-fast websites and apps".
Before you start
If you don't have any previous experience, we recommend learning a little bit about Gatsby before continuing here. There are lots of great resources available that you can start with:
If you want to gain more experience working with Gatsby and Prismic and don't have an existing project yet, here's what we recommend.
Follow our guide to getting started with Gatsby Cloud, a first-class solution built by the Gatsby team. At the end of this tutorial article, you'll have a working multi-language project with a fully Gatsby Cloud integration. Get started now!
Getting started with Gatsby Cloud & Prismic ⟶This tutorial series starts with a hardcoded Gatsby website and slowly adds Prismic, piece by piece. If you're new to Prismic or want to understand better how it all works, then this is a great place to start.
Or, you can select any of the available example projects. Explore the code and the repository content we provide to you and customize it to your liking!
Check out our resources for integrating a Gatsby project with Prismic. Start by reading how to configure the plugin, then learn much more: Add languages and localization, configure Previews, etc.
The gatsby-source-prismic-graphql plugin is now deprecated. If your project uses this plugin, we have a dedicated guide to help you migrate to the correct one.
Prismic & Gatsby plugins
Read more about how the recommended plugin works with Prismic
Anatomy of a query
Learn about all the bits and pieces that make up a Gatsby query
Languages & localization
take advantage of Prismic's multi-language and localization feature
Troubleshooting
Having any issues with your queries? We help you debug your code!