• Stars
    star
    10,834
  • Rank 3,140 (Top 0.07 %)
  • Language
    TypeScript
  • License
    MIT License
  • Created almost 8 years ago
  • Updated 21 days ago

Reviews

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Repository Details

A tool for generating code based on a GraphQL schema and GraphQL operations (query/mutation/subscription), with flexible support for custom plugins.

CodeGen

npm version

https://the-guild.dev/graphql/codegen

GraphQL Code Generator is a tool that generates code out of your GraphQL schema. Whether you are developing a frontend or backend, you can utilize GraphQL Code Generator to generate output from your GraphQL Schema and GraphQL Documents (query/mutation/subscription/fragment).

By analyzing the schema and documents and parsing it, GraphQL Code Generator can output code at a wide variety of formats, based on pre-defined templates or based on custom user-defined ones. Regardless of the language that you're using, GraphQL Code Generator has you covered.

GraphQL Code Generator lets you choose the output that you need, based on plugins, which are very flexible and customizable. You can also write your plugins to generate custom outputs that match your needs.

You can try this tool live on your browser and see some useful examples. Check out GraphQL Code Generator Live Examples.

We currently support and maintain these plugins (TypeScript, Flow, React, Angular, MongoDB, Stencil, Reason, and some more), and there is an active community that writes and maintains custom plugins.

Quick Start

You can find the complete instructions in GraphQL Code Generator website.

Start by installing the basic deps of GraphQL Codegen:

yarn add graphql
yarn add -D @graphql-codegen/cli

GraphQL Code Generator lets you setup everything by simply running the following command:

yarn graphql-codegen init

Question by question, it will guide you through the whole process of setting up a schema, selecting plugins, picking a destination of a generated file, and a lot more.

If you wish to manually setup codegen, follow these instructions.

Links

Besides our docs page, feel free to go through our published Medium articles to get a better grasp of what GraphQL Code Generator is all about:

Contributing

If this is your first time contributing to this project, please do read our Contributor Workflow Guide before you get started off.

Feel free to open issues and pull requests. We're always welcome support from the community.

For a contribution guide specific to this project, please refer to: http://the-guild.dev/graphql/codegen/docs/custom-codegen/contributing.

Code of Conduct

Help us keep GraphQL Code Generator open and inclusive. Please read and follow our Code of Conduct as adopted from Contributor Covenant

License

GitHub license

MIT

More Repositories

1

graphql-yoga

🧘 Rewrite of a fully-featured GraphQL Server with focus on easy setup, performance & great developer experience. The core of Yoga implements WHATWG Fetch API and can run/deploy on any JS environment.
TypeScript
8,238
star
2

angularjs-dropdown-multiselect

AngularJS Dropdown Multiselect
HTML
443
star
3

graphql-typed-document-node

An improved version of `DocumentNode` for seamless TypeScript integration for GraphQL.
TypeScript
378
star
4

graphql-binding

Auto-generated SDK for your GraphQL API (supports schema stitching & codegen)
TypeScript
378
star
5

graphql-code-generator-community

TypeScript
116
star
6

graphql-typed-ast

Experimental TypeScript type-based parser for GraphQL
TypeScript
74
star
7

graphql-tools-rs

Rust
39
star
8

docker-node-graphql-api

Docker engine remote API using GraphQL
TypeScript
21
star
9

meteor-whatsapp-clone-step-by-step

Step by step for building WhatsApp clone using Meteor and AngularJS with angular-meteor.
JavaScript
18
star
10

accounts-ui-angular

AngularJS wrapper for Meteor's Account-UI package
JavaScript
17
star
11

graphql-angular-workshop

Angular and GraphQL (with Apollo) Workshop
HTML
15
star
12

graphql-codegen-graphql-request-example

TypeScript
10
star
13

graphql-to-config-schema

Use GraphQL SDL Language to define YAML config schema
TypeScript
10
star
14

remark-import-partial

A plugin for Unified/Remark for populating `@import` syntax with partial files
JavaScript
9
star
15

typescript-node-boilerplate

TypeScript boilerplate for NodeJS
TypeScript
8
star
16

graphql-codegen-appsync-android-example

Java
7
star
17

meteor-package-publisher

Packages publishing tool for packages that uses bower/npm
JavaScript
6
star
18

cozy

One place for all your development workflows. Makes monorepo development much easier.
TypeScript
6
star
19

angular2-blaze-template

Angular 2 Component that allows you to load Blaze templates
JavaScript
6
star
20

angular2-blaze-migration-tutorial

Blaze to Angular 2 Migration Tutorial
JavaScript
6
star
21

graphql-code-generator-issue-sandbox-template

TypeScript
5
star
22

strest

Stress tests for NodeJS
TypeScript
4
star
23

k6-github-pr-comment

JavaScript
3
star
24

graphql-codegen-react-apollo-example

TypeScript
3
star
25

graphql-hive-external-composition-heroku-template

JavaScript
2
star
26

poalim-demo

Java
2
star
27

test-renovate-changesets

2
star
28

graphql-code-generator-examples

2
star
29

changesets-experiments

2
star
30

codegen-resolvers-example

GraphQL Codegen example for generating MongoDB resolvers from GraphQL scheme
TypeScript
2
star
31

apollo-very-pessimism

TypeScript
1
star
32

apollo-client-unhandled-expection

JavaScript
1
star
33

renovate-experiments

1
star
34

experimental-stuff

TypeScript
1
star
35

dalet-subscriptions-bug

TypeScript
1
star
36

angular2-meteor-tests-polyfills

JavaScript
1
star
37

moris-ts-example

TypeScript
1
star
38

redwood-envelop-examples

TypeScript
1
star
39

minitrace-localspan-reproduce

Rust
1
star