GraphQL-Codegen

Generate anything from GraphQL schema & operations

DocumentationPlugins
GitHubGitHub
    • Introduction
    • Installation
    • Development workflow
    • ESM TypeScript usage
    • Vanilla TypeScript
    • React Query
    • 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
    • v4.0 -> v5.0
Question? Give us feedback →Edit this page on GitHub
Documentation
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
  • Extension marketplace page
Document TransformPrettier & Linters

Products

  • Hive
  • Mesh
  • Yoga
  • Code Generator
  • Nextra
  • GraphQL to REST

Resources

  • Press Kit

Company

  • About
  • Blog
  • Newsletter
DiscordGitHub
Cloud Security Alliance Star Level One Badge