Embracing the modern web using Drupal as Headless CMS with GatsbyJS
jmolivas
Drupal 8 support 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 Headless CMS with GatsbyJS.
During this session you will learn:
- Which modules you need on your Drupal site to behave as Headless CMS and provide a better integration with GatsbyJS.
- How to install GatsbyJS.
- Which GatsbyJS plugins are required to a better integration with a Drupal data source.
- How to properly configure GatsbyJS plugins to take advantage of markdown preprocessing.
- 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 GatsbyJS.
- How to deploy your site to a CDN.
- How to triggering automatic builds based on content updates.