Embracing the modern web using Drupal as a Headless CMS with Gatsby

Oct 05, 2019

Jesus Manuel Olivas

Drupal 8 supports a "Headless" mode out-of-the-box. A headless CMS allows content creators to manage their content through a familiar admin interface and providing the content via API endpoints, allowing developers to implement a fully customized front-end experience using reusable components and a modern framework as React.

A core feature of Gatsby is its ability to load data from anywhere (Drupal JSON:API endpoint in our example). This is what makes Gatsby more powerful than any other static site generators that are limited to only loading content from Markdown files.

Gatsby is taking the world by storm and the JAMStack is here to stay. Come to this session to learn how to embrace the modern web using Drupal as a headless CMS with Gatsby.

During this session you will learn:

- Which modules you need on your Drupal site to behave as a headless CMS and provide better integration with Gatsby.
- How to install Gatsby.
- Which Gatsby plugins are required for better integration with a Drupal data source.
- How to properly configure Gatsby plugins to take advantage of Markdown preprocessing.
- How to configure Drupal and Gatsby to provide an instant preview on content changes.
- How to use the GraphQL endpoint provided by Gatsby to query data from Drupal JSON:API.
- How to create pages (home, taxonomy, full node) on Gatsby.
- How to trigger automatic builds based on content updates.
- How to deploy your site to a CDN.


Hi! I'm Karim Boudjema, the developer and site-builder of this site. I'm currently working as a freelance Drupal developer.

I was wondering how could I giving back to the Drupal community all what it gave to me during the last 10 years, that's how the idea of this site came to me ... (read more)

Hi! I’m Santiago Rico, the web designer and themer of this site.

When Karim proposed me to design and theme this site for the Drupal community, I accepted immediately because the community is the main reason why I love Drupal so much.