Gatsby

Welcome to the developer documentation of Prismic and Gatsby. This page outlines some of the resources you will find in this documentation.


Introduction to Gatsby.js

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:

Start from scratch

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.

Step by step guide

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.

Start tutorial
  1. 1. Launch the project
  2. 2. Create a homepage banner
  3. 3. Create homepage slices
  4. 4. Add dynamic pages
  5. 5. Add the navigation
  6. 6. Previews and Deployment

Example projects

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!


Integrate with an existing project

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.

Are you using gatsby-source-prismic-graphql?

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.


Other interesting articles


Was this article helpful?
Not really
Yes, Thanks

Can't find what you're looking for? Get in touch with us on our Community Forum.