Gatsby Training
  • About this training
  • Fundamentals
    • React
    • Gatsby
    • GraphQL
    • JAMStack
    • JSX
    • Webpack
  • Getting Started
    • Build your first Gatsby site
    • Project structure
    • Component structure
  • Components
    • About Components
    • Eyebrow
    • Button
    • Heading
    • Working with CSS
    • Movie Card
  • Gatsby Core Components
    • Gatsby Link
    • Gatsby Image
  • Data and GraphQL
    • Data sources
    • Connecting a data source
    • Using the GraphQL playground
  • CreatePages
    • createPages Function
    • Create a template
  • Resources
    • Gatsby and React Resources
    • Other resources
Powered by GitBook
On this page

Was this helpful?

  1. Data and GraphQL

Data sources

PreviousGatsby ImageNextConnecting a data source

Last updated 4 years ago

Was this helpful?

One of the best things about Gatsby is its ability to fetch data from sources at build time, and then use that data to generate the static pages of your site. Gatsby does this by using specific source plugins depending on the data sources you want to use (Drupal, Wordpress, Shopify, Contentful, static files in the filesystem, Google Spreadsheets -- you name it!) At build time the data that comes from your sources is pulled into a single GraphQL database to provide a unified access point. For our training we’ll be using the Drupal source plugin () to ingest data from a Drupal website, plus we’ll set up the file system source plugin () to reference local files.

Further reading:

gatsby-source-drupal
gatsby-source-filesystem
https://www.gatsbyjs.org/docs/recipes/sourcing-data/
https://gatsbyguides.com/tutorial/get-data-out-drupal-and-gatsby