Strongly typed GraphQL queries

[kripod]

Summary

Currently, the only option available to check for invalid GraphQL queries is through eslint-plugin-graphql by using gatsby-plugin-extract-schema.

It would be nicer if static types could be generated with graphql-code-generator during builds (even in development), extending a pre-defined interface (inside node_modules) through a file inside the .cache folder with declaration merging instead of using any in the type definitions of query-related methods.

Motivation

Static typing is gaining traction amongst frontend developers. A previous issue (#2374) has a partial solution for typed GraphQL queries, but proper support has yet to be built into the core of Gatsby.

[orta]

The under-the-hood relay-compiler should have enough knowledge to generate for them for you (similar to how we build React apps (query - types with Relay )

[gatsbot]

Hiya!

This issue has gone quiet. Spooky quiet. 👻

We get a lot of issues, so we currently close issues after 30 days of inactivity. It’s been at least 20 days since the last update here.

If we missed this issue or if you want to keep it open, please reply here. You can also add the label "not stale" to keep this issue open!

As a friendly reminder: the best way to see this issue, or any other, fixed is to open a Pull Request. Check out gatsby.dev/contributefor more information about opening PRs, triaging issues, and contributing!

Thanks for being a part of the Gatsby community! 💪💜

[orta]

Also, @damassi explored this idea in https://github.com/damassi/gatsby-plugin-emit-graphql-types/

It's a pretty simple concept - but would need to know what are the extra fragments that particular plugins are adding to queries to reflect the types accurately.

[LekoArts]

I'll close this in favor of #18983