Catch the highlights of GraphQLConf 2023! Click for recordings. Or check out our recap blog post.
Docs
Get Started

Get Started

To start using GraphQL Modules, all you need is to install its package and graphql.

⚠️

We highly recommend to use TypeScript for writing your backend, since it provides support for Reflection (if you plan to use dependency injection) and makes it easier to develop API services.

Installation

npm i graphql-modules graphql

Your First GraphQL Module

To create a Module, use createModule:

import { createModule, gql } from 'graphql-modules'
 
export const myModule = createModule({
  id: 'my-module',
  dirname: __dirname,
  typeDefs: [
    gql`
      type Query {
        hello: String!
      }
    `
  ],
  resolvers: {
    Query: {
      hello: () => 'world'
    }
  }
})

Each module contains GraphQL Type definitions, unique id and optionally resolvers.

💡

That's not everything it can do, Module accepts also Providers (Dependency Injection) and Middlewares.

What Happened Here?

We are using createModule to declare our module, and name it as my-module. Naming is important because it helps you to locate issues in your type definition.

We also added dirname and pointed it to __dirname to make it simpler later to match the exception to the correct file. It's optional but useful.

Next, there are typeDefs and resolvers which you should already know if you are familiar with GraphQL. It defines the type we have in that module and the implementation behind it.

At this point, this module acts like a type "capsule" you can load and import to various GraphQL Applications.

Use Your Module

As mentioned before, Modules create Application, so let's create one. We are importing the module we created earlier, and provide it to the application:

import { createApplication } from 'graphql-modules'
import { myModule } from './my-module'
 
// This is your application, it contains your GraphQL schema and the implementation of it.
const application = createApplication({
  modules: [myModule]
})
 
// This is your actual GraphQL schema
const mySchema = application.schema
⚠️

Application doesn't allow providing schemas or resolvers, since it's only a loader of your various modules.

Use Your Application

Now that you have Module, Application and you got your GraphQLSchema, you need to make it available to consumption.

GraphQL-Modules allow you to do much more, like managing the lifecycle of your execution, encapsulating your HTTP request and more. To do that in the most optimal and flexible way, we need to wrap the GraphQL execution flow. Some GraphQL server's implementation allows this kind of flexibility, and some don't.

But we got you covered, and provided solutions for all popular GraphQL server implementations.

Your GraphQL Application exposes createExecution and createSubscription methods, which are just plug-and-play replacements for the default functions from graphql-js.

If you are using GraphQL Yoga, you can use useGraphQLModules plugin from Envelop.

import { createServer } from '@graphql-yoga/node'
import { useGraphQLModules } from '@envelop/graphql-modules'
import { application } from './application'
 
const server = createServer({
  plugins: [useGraphQLModules(application)]
})
 
server.start().then(() => {
  console.log(`🚀 Server ready`)
})

Tutorial

If you're interested in a step-by-step tutorial, one of our community members Godwin Ekuma wrote an amazing article explaining "How to modularize GraphQL schema with GraphQL Modules".