gatsby-transformer-rawjson

Expose values as a GraphQL JSON scalar

Usage no npm install needed!

<script type="module">
  import gatsbyTransformerRawjson from 'https://cdn.skypack.dev/gatsby-transformer-rawjson';
</script>

README

npm

gatsby-transformer-rawjson

Exposes JSON values as a scalar field in GraphQL schema.

Install

npm install --save gatsby-transformer-rawjson

How to use

In your gatsby-config.js:

module.exports = {
  plugins: [
    `gatsby-transformer-json`,
    {
      resolve: `gatsby-source-filesystem`,
      options: {
        path: `./src/data/`,
      },
    },
    `gatsby-transformer-rawjson`,
  ],
}

How to query

Assuming a letters.json file was loaded

{
  allLettersJson {
    edges {
      node {
        objectValue {
          es
          en
        }
        childRawLettersJson {
          objectValue
        }
      }
    }
  }
}

Which would return:

{
  allLettersJson: {
    edges: [
      {
        node: {
          objectValue: {
            "es": "...",
            "en": "..."
          }
          childRawLettersJson {
            objectValue: {
              "es": "...",
              "en": "..."
            }
          }
        },
      }
    ]
  }
}