The goal of this tutorial is to help you create a fully-featured source plugin for Gatsby. Along the way, you'll learn key concepts and patterns of Gatsby and its plugin system. You'll source data from an example third-party API, populate Gatsby's data store and use it inside your example site.
Introduce yourself to the basics of a source plugin, what it does, why you should build one, and learn how this guide is structured.
Set up your local project by cloning the companion repository and get yourself familiar with the structure and functionality.
Learn how to source data into Gatsby, create GraphQL nodes, and display your data in a Gatsby site.
Understand automatic type inference, how to explicitly define your GraphQL schema, and how to add a foreign-key relationship between GraphQL types.
Get to know different Node API helpers to further improve your plugin.
Decrease the time it takes for your users to see their changes applied by optimizing your plugin with Incremental Builds.
Instead of processing images at build time, Image CDN defers and offloads image processing to the edge.
Want to learn even more? Dive into some more advanced topics.
Learn how you can publish your Gatsby source plugin to npm.
Continue your Gatsby source plugin journey with these additional resources.