This guide will teach you how to make a web app with Gatsby and Prismic.

Get started

If you don't have a project yet, we recommend you start from scratch using the tutorial or an example project.

If you already have an existing Gatsby project this documentation will teach you how to integrate it with 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, this is a great place to start.

Start tutorial

Example projects

Integrate with an existing project

Check out our resources for integrating a Gatsby project with Prismic. Learn how to install the necessary plugins, make queries, template content, and much more.

Gatsby plugins and Prismic

Gatsby is a framework that offers a wide variety of plugins to customize and extend your application capabilities.
In this documentation, we focus on the ones we officially recommend

(Deprecated) gatsby-source-prismic-graphql

We've moved away from supporting and documenting this plugin. Read our blog post if you're interested in the details about this process: Gatsby-Prismic plugins: what's going on?

We highly recommend that you migrate your project to gatsby-source-prismic with the help of this guide:

Was this article helpful?
Not really
Yes, Thanks

Can't find what you're looking for? Spot an error in the documentation? Get in touch with us on our Community Forum or using the feedback form above.