The Guild LogoThe Guild Monogram

GraphQL Code Generator

Generate anything from GraphQL schema / operations!

Contact Us


If you build apps using Gatsby, you can use GraphQL Code Generator to generate TypeScript types.

The codegen knows automatically to look for the import of the graphql tag for gatsby package.

Using the following config file should cover everything specific to Gatsby:

schema: http://localhost:8000/___graphql documents: - ./src/**/*.{ts,tsx} - ./node_modules/gatsby*/!(node_modules)/**/*.js generates: ./src/graphqlTypes.ts: plugins: - typescript - typescript-operations

Now, the codegen should load your GraphQL operations from your source code and load all the internal fragments from node_modules.

Community Plugins#

There are also community Gatsby plugins that integrate with @graphql-codegen: