Gatsby source plugin for building websites using the Drupal CMS as a data source


2.2.73 years ago3 years agoMinified + gzip package size for @ehp/gatsby-source-drupal in KB



Source plugin for pulling data (including images) into Gatsby from Drupal sites.

Pulls data from Drupal 8 sites with the Drupal JSONAPI module installed.

An example site built with the headless Drupal distro ContentaCMS is at https://using-drupal.gatsbyjs.org/

apiBase Option allows changing the API entry point depending on the version of jsonapi used by your Drupal instance. The default value is jsonapi, which has been used since jsonapi version 8.x-1.0-alpha4.


npm install --save gatsby-source-drupal

How to use

// In your gatsby-config.js
plugins: [
    resolve: `gatsby-source-drupal`,
    options: {
      baseUrl: `https://live-contentacms.pantheonsite.io/`,
      apiBase: `api`, // optional, defaults to `jsonapi`

How to query

You can query nodes created from Drupal like the following:

  allArticle {
    edges {
      node {
        created(formatString: "DD-MMM-YYYY")

If you find any bugs or have a feature request, please open an issue on github!

The npm package download data comes from npm's download counts api and package details come from npms.io.