A facilitator giving training to 3 persons.

Decoupled Drupal with Gatsby

Course Description

Gatsby is the React-based static site generator that turns your dynamic Drupal content into a blazingly fast website. Being React-based means you also get all the benefits of an app, combined with smart handling of your Drupal content for generating pages of content.

In this training, you’ll learn how to create your first Gatsby website, build React components, and  display content from your Drupal site in Gatsby. You’ll learn the process of developing for Gatsby: writing templates with JSX, using GraphQL to extract your content, and taking advantage of existing components that come with Gatsby to build your website or app efficiently. You’ll also learn the essentials of React development.

Learning Objectives

  • Understanding the underlying technology: React, JSX, ES6,  WebPack, GraphQL, Babel
  • Knowing when to use Gatsby for your projects
  • Understanding the React architecture and component-based development
  • Knowing the role of Components, Classes, Event Handlers, and Plugins  
  • Understand the react component life cycle
  • Understanding the difference between stateful components and stateless components
  • How to use the State workflow


  • Set up your first Gatsby project using command line tools
  • JSX Syntax
  • Create React components
  • Use Plugins to style your components
  • Use State to make our application interactive
  • Query Drupal data using GraphQL
  • Manipulate the data to use in your components
  • Create templates in Gatsby to display your Drupal content as pages
  • Learn about Plugins and modules to help you use Gatsby + Drupal together
  • Deploy your site!

The Blended Learning Process: How it Works

This blended learning course consists of live training with your instructor and cohort to deepen your understanding, one-on-one training sessions with instructors to get more guidance and support, and pre-recorded videos and exercises that allow you to self-direct your learning and learn at your own schedule.

Here's what to expect:

  • 👩‍🏫 Interactive sessions over Zoom (Mondays, Tuesdays and Wednesdays at 1pm ET)
  • 📺 Carefully crafted videos and virtual exercises to complete in between the sessions
  • 👨‍💻 One-on-one sessions for personalized support
  • 💬 A dedicated Slack channel to learn and grow together
  • 🏆 A certificate upon completion


Can you provide an invoice? Contact us and we can issue you an invoice for the training.

What size is the class? Our classes usually have 6-10 participants, and we have a hard limit of 12 participants per trainer. 

Do you offer discounts for charities or individuals? Yes, contact us to receive a discount on the course.

Do you offer custom training? Yes, we can provide custom training for your team. Just get in touch with us and we can set up a training that fits your needs.

Do you offer refunds? Tickets are refundable up until 30 days before the start of the course. And it's always free and easy to transfer your ticket to another person, just contact us.

Evolving Web Newsletter

Sign up for tutorials, best practices and insights, plus info about our acclaimed Drupal Training series.