This guide will show you how to add Prismic to a Gatsby project in about twenty minutes. If you want to jump right in, proceed to the setup step:
Prismic has an unlimited free tier for projects with one user. To learn more, see our pricing page:
If you're a developer building a project with Prismic and Gatsby, we recommend that you already have a basic knowledge of React, CSS, and Gatsby.
If a developer sets up Prismic for you, you won't need any technical knowledge — anyone can use Prismic.
Gatsby is a framework that offers a wide variety of plugins to customize and extend your application capabilities. Prismic has the following integration plugins:
- gatsby-source-prismic: This source plugin helps you to pull data from Prismic.
- gatsby-plugin-prismic-previews: This plugin works together with the source plugin to integrate Prismic Previews into a Gatsby site.
Are you using 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?
Follow the migration guide to gatsby-source-prismic.
These guides will walk you through every step, from creating content and adding it to your project to deploying it and seeing it live.
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.