• Solutions
  • Ecosystem
  • Blog
  • Our Services
  • About Us
  • Contact Us

GraphQL Code Generator

Generation of typed queries, mutations, subscriptions and typed GraphQL resolvers

DocsDocsPluginsPluginsGitHubGitHub (opens in a new tab)
    • Introduction
    • Installation
    • Development workflow
    • ESM TypeScript usage
    • React / Vue
    • Angular
    • Svelte / Kit
    • Dart/Flutter
    • Apollo Server / GraphQL Yoga
    • Apollo Server / GraphQL Yoga with Server Preset
    • API Testing
    • GraphQL Modules
    • Further Reading
    • codegen.ts
    • schema field
    • documents field
    • plugin config
    • require field
    • Naming Convention
    • Lifecycle Hooks
    • Multi Project
    • Generated files colocation
    • Programmatic Usage
    • How does it work?
    • Profiler
    • Document Transform
    • VSCode Extension
    • Prettier & Linters
    • Apollo Federation
    • apollo-local-state
    • create-react-app
    • Gatsby
    • What are Plugins?
    • Plugin structure
    • Validate Configuration
    • Extend Schema
    • Using Visitor Pattern
    • Contributing
    • GraphQL-CLI Deprecation
    • v0.18 -> v1.0
    • v0.13 -> v0.17
      • Introduction
      • Installation
      • Development workflow
      • ESM TypeScript usage
      • React / Vue
      • Angular
      • Svelte / Kit
      • Dart/Flutter
      • Apollo Server / GraphQL Yoga
      • Apollo Server / GraphQL Yoga with Server Preset
      • API Testing
      • GraphQL Modules
      • Further Reading
      • codegen.ts
      • schema field
      • documents field
      • plugin config
      • require field
      • Naming Convention
      • Lifecycle Hooks
      • Multi Project
      • Generated files colocation
      • Programmatic Usage
      • How does it work?
      • Profiler
      • Document Transform
      • VSCode Extension
      • Prettier & Linters
      • Apollo Federation
      • apollo-local-state
      • create-react-app
      • Gatsby
      • What are Plugins?
      • Plugin structure
      • Validate Configuration
      • Extend Schema
      • Using Visitor Pattern
      • Contributing
      • GraphQL-CLI Deprecation
      • v0.18 -> v1.0
      • v0.13 -> v0.17
  • Plugins
      • named-operations-object
      • relay-operation-optimizer
      • typed-document-node
      • typescript
      • apollo-angular
      • apollo-client-helpers
      • apollo-next
      • document-nodes
      • generic-sdk
      • graphql-files-modules
      • graphql-request
      • mongodb
      • msw
      • oclif
      • nhost
      • operations
      • react-apollo
      • react-query
      • resolvers
      • rtk-query
      • stencil-apollo
      • svelte-apollo
      • type-graphql
      • urql
      • validation-schema
      • vue-apollo
      • vue-apollo-smart-ops
      • vue-urql
      • typescript-mock-data
      • client-preset
      • graphql-modules
      • import-types
      • near-operation-file
      • java
      • java-apollo-android
      • java-resolvers
      • kotlin
      • operations
      • operations
      • resolvers
      • Dart/Flutter
      • flutter-freezed
      • add
      • fragment-matcher
      • hasura-allow-list
      • introspection
      • jsdoc
      • reason-client
      • schema-ast
      • time
      • urql-introspection
Question? Give us feedback → (opens in a new tab)Edit this page on GitHub
Docs
Integrations
VSCode Extension

VSCode

In VSCode, you can install a lightweight extension to get your codegen on every save effortlessly.

It uses your node_modules/ to prevent any issues with mismatching versions and works well with the near-operation-file preset.

  • Extension github (opens in a new tab)
  • Extension marketplace page (opens in a new tab)
Document TransformPrettier & Linters

PRODUCTS

  • Hive
  • Conductor
  • Yoga
  • Envelop
  • Stitching
  • Inspector
  • Code Generator
  • Mesh
  • Tools
  • Modules
  • ESLint
  • Config
  • Scalars
  • Helix
  • Shield
  • SOFA
  • Angular
  • WhatsApp
  • KitQL
  • WS
  • SSE

RESOURCES

  • Press Kit

COMPANY

  • About
  • Blog
  • Newsletter
  • Open Source
  • Services
  • GitHub

COMMUNITY

  • Twitter
  • LinkedIn
  • Discord
  • Medium
  • YouTube
Cloud Security Alliance Star Level One Badge