GraphQL-Codegen

Generate anything from GraphQL schema & operations

DocumentationPlugins
GitHubGitHub
    • Introduction
    • Installation
    • Development workflow
    • ESM TypeScript usage
    • React / Vue
    • Vanilla TypeScript
    • 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
  • Conductor
  • Envelop
  • Stitching
  • Inspector
  • Code Generator
  • Tools
  • Modules
  • ESLint
  • Config
  • feTS
  • Scalars
  • SOFA
  • Angular
  • WhatsApp
  • KitQL
  • WS
  • SSE
  • heltin
  • Nextra

RESOURCES

  • Press Kit

COMPANY

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

COMMUNITY

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