Migrate to Netlify Today

Netlify announces the next evolution of Gatsby Cloud. Learn more

ContactSign Up
Community Plugin
View plugin on GitHub

gatsby-plugin-json-pages

Gatsby plugin for creating static .json files at build.

Please Note: I’ve copied this repo from notrab/gatsby-plugin-json-pages in order to continue using this code in my projects, as this repo and the associated npm package seem to have been removed.

Installation

yarn add gatsby-plugin-json-pages

How to use

Simply provide an array of pages that each include the fileName, query, and transformer. The transformer function is recommended, but by default the response from query will be stringified.

// gatsby-config.js
module.exports = {
  plugins: [
    {
      resolve: "gatsby-plugin-json-pages",
      options: {
        pages: [
          {
            fileName: "products",
            query: `
              query {
                allGraphCmsProduct {
                  nodes {
                    id
                    prices {
                      amount
                      currency
                    }
                  }
                }
              }
            `,
            transformer: ({
              data: {
                allGraphCmsProduct: { nodes },
              },
            }) => nodes,
          },
        ],
      },
    },
  ],
};
© 2025 Gatsby, Inc.