The Guild LogoThe Guild Monogram
Docs

GraphQL Code Generator

Generate anything from GraphQL schema / operations!

Contact Us

Gatsby#

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: