Gatsby & Drupal tutorials by Osio Labs

This repository contains the content of all the tutorials that used to live on https://gatsbyguides.com. It is intended to provide an introduction to using the Gatsby Framework with a Decoupled Drupal backend. The content was originally written by @eojthebrave for Osio Labs. However, it is no longer being actively updated.

While the content is getting older it's still a solid introduction to using Drupal and Gatsby to build modern decoupled web applications. And covers things like user authentication with OAuth, and content personalization, that aren't covered in most introductory material.

As such we've decided to make the content freely available with a CCbySA license. We're happy to accept pull-requests for updates, though are unlikely to make any of our own anytime soon. And feel free to adapt the content into your own projects in accordance with the CCbySA license.

Tutorials in this collection

The content is intended to be consumed in this order.

1. What is Gatsby?
2. Hello World
3. What is Drupal?
4. Install and Configure Drupal
5. Get Data Out of Drupal and Into Gatsby
6. Add Material UI
7. Dynamically Creating Pages
8. Creating Lists of Content
9. Dealing with Images From Drupal
10. Deployment
11. Building Applications with Gatsby
12. Authenticate Users with OAuth
13. Create Hybrid Pages
14. Create Client Only Routes

Example code for this series can be found in this repo - https://github.com/OsioLabs/gatsby-drupal-examples

Blog Posts

These blog posts where written as part of the #100 days of Gatsby challenge. And cover integrating Drupal's Media Entities, and Webform features with Gatbsy. As well as some deployment related topics and creating Gatsby themes.

1. #100DaysOfGatsby Week 1: Start A Blog
2. #100DaysOfGatsby Week 1: Create a Gatsby Theme
3. #100DaysOfGatsby Week 2: Host Your Gatsby Site for Free
4. #100DaysOfGatsby Week 3: Drupal Media Entities
5. #100DaysOfGatsby Week 4: Formik & RESTful Drupal Webforms