Gatsby Courses and Certifications

Gatsby Static Site Generator Tutorial

Build a recipes site with Gatsby, querying local files and Contentful content through GraphQL and deploying it to Netlify with continuous deployment.

• freeCodeCamp
• 9 hours
• Self-Paced
• Free Video

The Great Gatsby Bootcamp - Full Gatsby.js Tutorial Course

A 4–5-hour tutorial bootcamp focused on Gatsby.js.

• freeCodeCamp
• 4-5 hours
• Self-Paced
• Free Video

Gatsby - Full Tutorial for Beginners

Learn to build Gatsby sites from installation through pages, components, plugins, layouts, site data, and Markdown.

• freeCodeCamp
• 1-2 hours
• Self-Paced
• Free Video

Intermediate Gatsby, v2

Use Gatsby's APIs to handle advanced use cases like handling custom data and dynamic pages, and customizing Gatsby’s schema & GraphQL API data.

• Frontend Masters
• 3-4 hours
• Self-Paced
• Paid Course

Introduction to Gatsby, v2

Code a full blog web app in Gatsby. Use GraphQL in Gatsby for storing and retrieving data, creating pages and posts with MDX, and more!

• Frontend Masters
• 4-5 hours
• Self-Paced
• Paid Course

Gatsby Theme Authoring

Build composable Gatsby themes: set up Yarn workspaces, create data-driven pages with GraphQL, configure theme options, override components with shadowing, and publish to npm.

• egghead.io
• 58 minutes
• Self-Paced
• Free Online Course

Creating a Gatsby Source Plugin

Build a Gatsby source plugin from scratch to npm: consume an external REST API, optimize remote images, and accept configuration parameters.

• egghead.io
• 7 minutes
• Self-Paced
• Paid Course

Up and Running with Gatsby

Build a Gatsby site: install plugins, create and link pages, source optimized images with gatsby-image, add dark mode with Theme UI, and deploy on Netlify.

• egghead.io
• 14 minutes
• Self-Paced
• Paid Course

Source and Create Nodes with Data from an API in Gatsby to Create a Pokemon Pokedex

Source custom PokeAPI data in Gatsby: request it in gatsby-node.js, create nodes with createNode, query it via GraphiQL and useStaticQuery, and lay out a Pokedex.

• egghead.io
• 16 minutes
• Self-Paced
• Paid Course

Image Loading and Optimization in Gatsby with gatsby-image

Add optimized images to a Gatsby site with gatsby-image: configure plugin options, source and query local images via GraphQL, and display traced-SVG or blurred-up placeholders.

• egghead.io
• 5 minutes
• Self-Paced
• Free Online Course

Quickly Create a New Company Website Managed by a CMS with TakeShape and Gatsby

Build a company website with TakeShape CMS and Gatsby: generate API access keys, query content with GraphQL, deploy on Netlify, and swap in custom branding.

• egghead.io
• 15 minutes
• Self-Paced
• Paid Course

Migrate a WordPress Site to the Jamstack Using Gatsby

Migrate a WordPress site to Gatsby while preserving its content workflow and gaining Jamstack benefits in performance, security, resilience, and cost.

• egghead.io
• 32 minutes
• Self-Paced
• Paid Course

Building Websites with MDX and Gatsby

Use MDX with Gatsby to build React-based websites featuring live code examples, syntax highlighting, custom components, and dynamic Markdown rendering.

• egghead.io
• 13 minutes
• Self-Paced
• Paid Course

Why Gatsby Uses GraphQL

Learn why Gatsby uses GraphQL to manage data complexity and create pages from queryable content.

• egghead.io
• 32 minutes
• Self-Paced
• Paid Course

Net Ninja

Gatsby Tutorial

In this Gatsby tutorial series we'll learn Gatsby from the ground up to create a dynamic, multi-page Gatsby portfolio website. We'll learn about SSG, GraphQL, Pages, Routes, Plugins and much more.

• YouTube
• 2 hours 30 minutes
• Self-Paced
• Free Video