Introduction to Decoupled Drupal with GatsbyJS

Get your environment setup

Follow the instructions in the repo's README to get your environment setup and be able to follow along during training.

About the training

In this hands-on training workshop we will cover how to take leverage the powerful features of Drupal as a Content Management System to build the back-end architecture and infrastructure by using Paragraph types, content types and Views to provide filtered content that lends itself to a component-based front-end.  We will then spinoff a Gatsby website to server as the front-end interface for this Decoupled architecture.

Topics covered during this training include:
- Building a robust and flexible back-end infrastructure with Drupal and using JSON API, as well as GraphQL to query the data intended for our pages.
- We will make heavy use of GraphQL in Gatsby to pull the data from Drupal, at build time, and give us a performant and secure front-end experience.
- We will cover how Gatsby and React make use of components.
- Will touch on different ways and methods for styling components and pages on the front-end (CSS Modules, Styled Components, JSX).
- We will touch on how Gatsby can retrieve data from different data sources such as the file system, CMS’ such as Drupal, and more.
- We will dive deep into Gatsby’s createPage function to build pages at build time.
- Finally we will cover how to extend Gatsby with plug ins.

This training is targeted to beginners-to-intermediate audiences who are looking to learn the basics of a decoupled architecture.  Front-end, back-end and site builders are welcome.  In addition, managers or IT folks who wish to learn basic concepts of a decoupled architecture will find this training very insightful.

Requirements for this training include the use of Lando or DDEV, Docker, as well as latest NodeJS and NPM.  Mediacurrent will provide detailed instructions for setting up your training/development environment prior to training.

About the trainers:

Tobias Williams:
In his role as Director of Front End Development at Mediacurrent, Tobias Williams strives to learn something new every day, and keep an open mind to new methods for front-end solutions. He has eight years of experience as a Drupal designer and developer.

Mario Hernandez:
In addition to being the Head of Learning, Mario is a Senior Front-End Developer working on some of the world’s most popular brands. Mario has vast experience in all things Front End as well as Drupal.  He developed the very successful Component-based Development training workshop which has been conducted at DrupalCons throughout America and Europe.. Mario’s strengths are training clients and their development teams through custom-tailored curriculums.

Wednesday, October 14
9:00am - 4:30pm (PT)
Skill Level
3 Spaces Available