Create a Blazing Fast website with Gatsby and Drupal


Perhaps you have heard of this thing called GatsbyJS and React but are unsure of where to get started. GatsbyJS is typically viewed as a static site generator and while that is true, it's really a framework to build modern web applications. Using GatsbyJS you can create blazing fast website and applications using the CMS you already know to power your content.

Drupal provides a great platform for building decoupled or headless web applications. In this training you will learn how to build and launch a GatsbyJS website that uses Drupal. Everyone that attends and follows along will leave the training with a publicly available GatsbyJS site hosted for free!

In this training you will learn:

What GatsbyJS is and how it can be used to build extremely fast websites
On overview of ReactJS and how it is used within GatsbyJS
How to configure your Drupal site as a content source for Gatsby
How to create a GatsbyJS site the pulls content from Drupal
How to set up live preview with GatsbyJS and Drupal so you can immediately view your content
How to deploy your GatsbyJS website to Netlify

You should have some basic skills before attending this training.

  • Basic understanding of Javascript (If you have previous ReactJS experience you will be able to move more quickly, but it's not a requirement)
  • Basic understanding of using the command line
  • General understanding of Drupal 8 site configuration

You do not need to be an expert in any of these technologies, but baseline knowledge is helpful for being able to follow along with the code examples during the training.

Please bring a laptop with the following ready to go prior to the training:

  • A working Code Editor to edit Javascript/HTML
  • A working Drupal 8 website (if you don't have one, you can easily create a free development site on Pantheon)
  • NodeJS, NPM, and Gatsby installed before the training so we can¬†cover more content
Training Length
Full Day
Gaige Classroom 207
9:00 - 4:00pm