How to create a post build script that uses GraphQL with GatsbyJS

A step by step tutorial on writing a custom Post Build script that uses GraphQL API calls with GatsbyJS.

Oscar de la Hera Gomez
Written by Oscar de la Hera Gomez
First published on 01/24/2023 at 12:42
Last Updated on 01/24/2023 at 13:06
A flower that represents GatsbyJS next to one that represents GraphQL. Beneath it sits the text "GraphQL Post Build Script."

A step by step tutorial on writing a custom Post Build script that uses GraphQL API calls with GatsbyJS.

Subscribe

Step One: Setup the project

GatsbyJS SEO

Create a GatsbyJS project that includes a gatsby-node.js script.

To download our Open Source Typescript & GatsbyJS starter project, please use the code or link below.

git clone git@github.com:delasign/gatsbyjs-typescript-starter.git
View Repository

Step Two: Add the GraphQL Post Build Script

A screenshot of VSCode showing the Gatsby-node.js file selected and the script provided below at the bottom of the file.

In the gatsby-node.js file add the post build script at the bottom of the file, adding the GraphQL parameter to the function.

We have provided a sample below, please replace A_GRAPHQL_QUERY with your GraphQL query.

Any Questions?

We are actively looking for feedback on how to improve this resource. Please send us a note to inquiries@delasign.com with any thoughts or feedback you may have.

SubscribeInquireView All PostsView All ServicesView All Work

Partner with us

We would love to get to know you and see how we can help your organization with its goals and needs.
Let's Talk

Stay Informed

Get occasional updates about our company, research, and product launches.
Subscribe