This guide will teach you how to make a web app with Gatsby and Prismic.
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.
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:
- gatsby-source-prismic: This source plugin helps you to pull data from Prismic.
- gatsby-plugin-prismic-previews: This plugin works together with gatsby-source-prismic to allow you to Integrate live Prismic Previews into a Gatsby site to enable editors a seamless content editing experience.
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?
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.