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.
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.