If you are building apps using GatsbyJS, 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, it should cover everything specific to Gastby:

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

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

Community Plugins

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