Community Plugin

@bond-london/gatsby-graphql-typegen

Plugin to generate graphql types for Gatsby.

It uses the same approach as the core graphqlTypegen but provides a few more options

Installation

yarn add @bond-london/gatsby-graphql-typegen

Configuration

Add to your gatsby-config.ts and configure it as shown below.

    {
      resolve: "@bond-london/gatsby-graphql-typegen",
      options: {
        gatsbyTypesFile: "gatsby-types.d.ts",
        configOptions: {
          skipTypename: false,
        },
      },
    },

If you specify the gatsbyTypesFile make sure that the tsconfig.json file correctly picks it up.

Configuration options

Key	Type	Description
`gatsbyTypesFiles`	String	The name of the types file. This is useful if you use tailwind and don’t want to generate in the src directory
`configOptions`	Object	Additional configuration options. See https://www.graphql-code-generator.com/plugins/typescript for details
`additionalTypescriptFiles`	String[]	Additional files to read queries from in addition to the defaults. [`./gatsby-node.ts`,`./plugins/**/gatsby-node.ts` ]