Diamond sponsors

Build Decoupled Applications with Gatsby & Drupal

Profile picture for user eojthebrave
Joe
Shindelar
Webmaster
Drupalize.Me
Type
Talk
Experience level
Intermediate
Duration
45 minutes
Room
3.02 hassium
Starts at
Ends at
Industry track
Expertise topics
Summary

This presentation looks at how you can build a web application that sources content from Drupal, renders ultra-fast static pages with Gatsby, then combines that with traditional React for optionally adding user authentication and personalization.

Description

Gatsby is a fun to use static site generator for React that makes it easy to create blazing fast websites. At it's core, Gatsby uses a system for extracting data from sources, like Drupal, and then using that data to generate static pages at build time. You can even combine together data sourced from multiple different backends. The technique allows for many of the benefits of both static sites (speed, ease of deployment, etc.) and those built using a content management system (easy to update, user friendly editorial interface, and more).

This presentation looks at how you can build a web application that sources content from Drupal, renders ultra-fast static pages with Gatsby, then combines that with traditional React for user authentication and personalization. With the goal of providing attendees with the information they need to get started doing so, and some examples of what's possible.

In this presentation you'll learn:

  • Why Gatsby is awesome for static sites
  • Why Drupal rocks at providing content for Gatsby
  • Why/How to use the two together
  • How to handle private content, and other personalization
  • Pitfalls of this approach to be aware of

We'll mostly look at a case-study of building a web application that sources content from Drupal, renders a decoupled front-end using static pages built by Gatsby, and allows users to sign in and view protected content. While also taking a look at Gatsby, and the benefits of using it as a starting point for building decoupled front-ends.

Platinum sponsors