Choosing an Apollo Server package

Apollo Server is distributed as a collection of different packages for different environments and web frameworks. You can choose which package to use based on your project.

Which package should I use?

In most cases, you should get started with the "batteries-included" apollo-server package.

If your project has specific requirements, we recommend choosing a package based on this flowchart:

After you choose a package, see its basic usage.

All supported packages

Swapping out apollo-server

After you get up and running with the "batteries-included" apollo-server package, you might want to configure its HTTP behavior in ways that this package doesn't support. For example, you might want to run some middleware before processing GraphQL requests, or you might want to serve other endpoints from the same server.

In this case, we recommend you swap out apollo-server for apollo-server-express (unless you are confident that you want to use a different Node.js framework). This change requires only a few lines and has a minimal effect on your server's existing behavior (apollo-server uses apollo-server-express under the hood).

Example

Let's say our apollo-server implementation uses the following code:

1
import { ApolloServer } from "apollo-server";
2

3
async function startApolloServer(typeDefs, resolvers) {
4
  const server = new ApolloServer({
5
    typeDefs,
6
    resolvers,
7
    csrfPrevention: true,
8
    cache: "bounded",
9
  });
10
  const { url } = await server.listen();
11
  console.log(`🚀 Server ready at ${url}`);
12
}

To swap this out for apollo-server-express, we first install the following required packages:

1
npm install apollo-server-express apollo-server-core express graphql

We can (and should) also uninstall apollo-server.

Next, we can modify our code to match the following:

1
import { ApolloServer } from 'apollo-server-express';
2
import { ApolloServerPluginDrainHttpServer } from 'apollo-server-core';
3
import express from 'express';
4
import http from 'http';
5

6
async function startApolloServer(typeDefs, resolvers) {
7
  // Required logic for integrating with Express
8
  const app = express();
9
  const httpServer = http.createServer(app);
10

11
  // Same ApolloServer initialization as before, plus the drain plugin.
12
  const server = new ApolloServer({
13
    typeDefs,
14
    resolvers,
15
    csrfPrevention: true,
16
    cache: 'bounded',
17
    plugins: [ApolloServerPluginDrainHttpServer({ httpServer })],
18
  });
19

20
  // More required logic for integrating with Express
21
  await server.start();
22
  server.applyMiddleware({
23
    app,
24

25
    // By default, apollo-server hosts its GraphQL endpoint at the
26
    // server root. However, *other* Apollo Server packages host it at
27
    // /graphql. Optionally provide this to match apollo-server.
28
    path: '/'
29
  });
30

31
  // Modified server startup
32
  await new Promise<void>(resolve => httpServer.listen({ port: 4000 }, resolve));
33
  console.log(`🚀 Server ready at http://localhost:4000${server.graphqlPath}`);
34
}

Package conventions

Each Apollo Server package exports an ApolloServer class. The APIs for these classes are similar but not identical.

All Apollo Server packages depend on apollo-server-core, which contains the code that's shared by all integrations. Certain symbols, such as built-in plugins, are imported directly from apollo-server-core instead of from a particular package.

All Apollo Server packages (and apollo-server-core) are published to npm with the same version number, even if certain packages have no changes for a particular version. This makes it more straightforward to discuss a particular version of Apollo Server without needing to specify a package name.

Certain support libraries (such as apollo-server-types and apollo-server-plugin-base) use their own versioning and are published only when they change or one of their dependencies changes.

Common options

Most Apollo Server packages require calling a method named applyMiddleware, getMiddleware, or createHandler (depending on the package). These methods accept a (mostly) common set of options (not every package accepts every option).

For descriptions of these options, see the API reference.

The set of common options supported by each package is listed under Basic usage.

Basic usage

The sections below demonstrate how to initialize an ApolloServer instance with each package. More details are available in each package's README.

Each section also lists the options supported by each package's applyMiddleware or getMiddleware or createHandler function. Learn more about how these options work in the ApolloServer API reference.

apollo-server

apollo-server is the "batteries-included" Apollo Server package. It enables you to spin up a GraphQL server without thinking about web frameworks or URLs or middleware, and its main entry point (listen) is an async function instead of a callback-based function.

1
npm install apollo-server graphql

1
import { ApolloServer } from 'apollo-server';
2

3
async function startApolloServer(typeDefs, resolvers) {
4
  const server = new ApolloServer({
5
    typeDefs,
6
    resolvers,
7
    csrfPrevention: true,
8
    cache: 'bounded',
9
  });
10
  const { url } = await server.listen();
11
  console.log(`🚀 Server ready at ${url}`);
12
}

Although apollo-server helps you get started quickly, you can't configure its behavior as much as you can other Apollo Server packages. For example, you can't serve other endpoints from the same HTTP server.

If you want to do something with your server that isn't supported by apollo-server, you can swap to apollo-server-express.

apollo-server-express

apollo-server-express is the Apollo Server package for Express, the most popular Node.js web framework. It enables you to attach a GraphQL server to an existing Express server.

The batteries-included apollo-server library uses apollo-server-express under the hood. If you start with apollo-server and later need to modify how it serves over HTTP, you can swap apollo-server to apollo-server-express.

The following example is roughly equivalent to the apollo-server example above.

1
npm install apollo-server-express apollo-server-core express graphql

1
import { ApolloServer } from 'apollo-server-express';
2
import { ApolloServerPluginDrainHttpServer } from 'apollo-server-core';
3
import express from 'express';
4
import http from 'http';
5

6
async function startApolloServer(typeDefs, resolvers) {
7
  const app = express();
8
  const httpServer = http.createServer(app);
9
  const server = new ApolloServer({
10
    typeDefs,
11
    resolvers,
12
    csrfPrevention: true,
13
    cache: 'bounded',
14
    plugins: [ApolloServerPluginDrainHttpServer({ httpServer })],
15
  });
16
  await server.start();
17
  server.applyMiddleware({ app });
18
  await new Promise<void>(resolve => httpServer.listen({ port: 4000 }, resolve));
19
  console.log(`🚀 Server ready at http://localhost:4000${server.graphqlPath}`);
20
}

You must await server.start() before calling server.applyMiddleware. You can add other middleware to app before or after calling applyMiddleware.

You can call server.getMiddleware instead of server.applyMiddleware if you want to do something with the middleware function besides apply it directly to your app. (server.applyMiddleware({ app, ...rest }) is shorthand for app.use(server.getMiddleware(rest)).)

applyMiddleware (along with getMiddleware) accepts the following common options:

• path
• cors
• bodyParserConfig
• onHealthCheck
• disableHealthCheck

apollo-server-fastify

apollo-server-fastify is the GraphQL server for Fastify, a Node.js web framework. Apollo Server 3 supports Fastify v3.

The following example is roughly equivalent to the apollo-server example above.

1
npm install apollo-server-fastify apollo-server-core fastify graphql

1
import { ApolloServer } from 'apollo-server-fastify';
2
import { ApolloServerPluginDrainHttpServer } from 'apollo-server-core';
3
import { ApolloServerPlugin } from 'apollo-server-plugin-base';
4
import fastify, { FastifyInstance } from 'fastify';
5

6
function fastifyAppClosePlugin(app: FastifyInstance): ApolloServerPlugin {
7
  return {
8
    async serverWillStart() {
9
      return {
10
        async drainServer() {
11
          await app.close();
12
        },
13
      };
14
    },
15
  };
16
}
17

18
async function startApolloServer(typeDefs, resolvers) {
19
  const app = fastify();
20
  const server = new ApolloServer({
21
    typeDefs,
22
    resolvers,
23
    csrfPrevention: true,
24
    cache: 'bounded',
25
    plugins: [
26
      fastifyAppClosePlugin(app),
27
      ApolloServerPluginDrainHttpServer({ httpServer: app.server }),
28
    ],
29
  });
30

31
  await server.start();
32
  app.register(server.createHandler());
33
  await app.listen(4000);
34
  console.log(`🚀 Server ready at http://localhost:4000${server.graphqlPath}`);
35
}

You must await server.start() before calling server.createHandler. You can call other functions on app before or after calling createHandler.

createHandler accepts the following common options:

• path
• cors
• onHealthCheck
• disableHealthCheck

apollo-server-hapi

apollo-server-hapi is the GraphQL server for hapi, a Node.js web framework. Apollo Server 3 is only tested with @hapi/hapi v20.1.2 and later (the minimum version that supports Node.js 16).

The following example is roughly equivalent to the apollo-server example above.

1
npm install apollo-server-hapi @hapi/hapi graphql

1
import {
2
  ApolloServer,
3
  ApolloServerPluginStopHapiServer
4
} from 'apollo-server-hapi';
5
import Hapi from '@hapi/hapi';
6

7
async function startApolloServer(typeDefs, resolvers) {
8
  const app = Hapi.server({ port: 4000 });
9
  const server = new ApolloServer({
10
    typeDefs,
11
    resolvers,
12
    csrfPrevention: true,
13
    cache: 'bounded',
14
    plugins: [ApolloServerPluginStopHapiServer({ hapiServer: app })],
15
  });
16

17
  await server.start();
18
  await server.applyMiddleware({ app });
19
  await app.start();
20
}

You must await server.start() before calling server.applyMiddleware. You can call other functions on app before or after calling applyMiddleware.

applyMiddleware accepts the following common options:

• path
• route
• cors
• onHealthCheck
• disableHealthCheck

apollo-server-koa

apollo-server-koa is the GraphQL server for Koa, a Node.js web framework.

The following example is roughly equivalent to the apollo-server example above.

1
npm install apollo-server-koa apollo-server-core koa graphql

1
import { ApolloServer } from 'apollo-server-koa';
2
import { ApolloServerPluginDrainHttpServer } from 'apollo-server-core';
3
import Koa from 'koa';
4
import http from 'http';
5

6
async function startApolloServer(typeDefs, resolvers) {
7
  const httpServer = http.createServer();
8
  const server = new ApolloServer({
9
    typeDefs,
10
    resolvers,
11
    csrfPrevention: true,
12
    cache: 'bounded',
13
    plugins: [ApolloServerPluginDrainHttpServer({ httpServer })],
14
  });
15

16
  await server.start();
17
  const app = new Koa();
18
  server.applyMiddleware({ app });
19
  httpServer.on('request', app.callback());
20
  await new Promise<void>(resolve => httpServer.listen({ port: 4000 }, resolve));
21
  console.log(`🚀 Server ready at http://localhost:4000${server.graphqlPath}`);
22
  return { server, app };
23
}

You must await server.start() before calling server.applyMiddleware. You can call other functions on app before or after calling applyMiddleware.

You can call server.getMiddleware instead of server.applyMiddleware if you want to do something with the middleware function besides apply it directly to your app. (server.applyMiddleware({ app, ...rest }) is shorthand for app.use(server.getMiddleware(rest)).)

applyMiddleware (along with getMiddleware) accepts the following common options:

• path
• cors
• bodyParserConfig
• onHealthCheck
• disableHealthCheck

apollo-server-micro

apollo-server-micro is the GraphQL server for Micro, a Node.js web framework.

The following example is roughly equivalent to the apollo-server example above. You should put this code in a file called index.js in order for the micro CLI to find it.

1
npm install apollo-server-micro micro graphql

1
import { ApolloServer } from 'apollo-server-micro';
2

3
const server = new ApolloServer({
4
  typeDefs,
5
  resolvers,
6
  csrfPrevention: true,
7
  cache: 'bounded',
8
});
9

10
module.exports = server.start().then(() => server.createHandler());

Then run the web server with npx micro.

createHandler accepts the following common options:

• path
• onHealthCheck
• disableHealthCheck

Note that apollo-server-micro does not have a built-in way of setting CORS headers.

apollo-server-lambda

apollo-server-lambda is the GraphQL server for AWS Lambda, Amazon's serverless compute service.

This package is a layer around apollo-server-express, which uses the @vendia/serverless-express package to translate Lambda events into Express requests. (This package is not related to the Serverless framework.) It supports API Gateway and ALB.

The following example is roughly equivalent to the apollo-server example above.

1
npm install apollo-server-lambda graphql

1
import { ApolloServer } from 'apollo-server-lambda';
2

3
const server = new ApolloServer({
4
  typeDefs,
5
  resolvers,
6
  csrfPrevention: true,
7
  cache: 'bounded',
8
});
9

10
exports.handler = server.createHandler();

For more details on using apollo-server-lambda, see the documentation on deploying to Lambda.

apollo-server-cloud-functions

apollo-server-cloud-functions is the GraphQL server for Cloud Functions, Google's serverless compute service.

Because the Cloud Functions Node.js runtime uses Express, apollo-server-cloud-functions is a layer around apollo-server-express.

The following example is roughly equivalent to the apollo-server example above.

1
npm install apollo-server-cloud-functions graphql

1
import { ApolloServer } from 'apollo-server-cloud-functions';
2

3
const server = new ApolloServer({
4
  typeDefs,
5
  resolvers,
6
  csrfPrevention: true,
7
  cache: 'bounded',
8
});
9

10
exports.handler = server.createHandler();

For more details on using apollo-server-cloud-functions, see the documentation on deploying to Cloud Functions.

apollo-server-azure-functions

apollo-server-azure-functions is the GraphQL server for Azure Functions, Microsoft's serverless compute service.

The following example is roughly equivalent to the apollo-server example above.

1
npm install apollo-server-azure-functions graphql

1
import { ApolloServer } from 'apollo-server-azure-functions';
2

3
const server = new ApolloServer({
4
  typeDefs,
5
  resolvers,
6
  csrfPrevention: true,
7
  cache: 'bounded',
8
});
9

10
exports.handler = server.createHandler();

createHandler accepts the following common options:

• cors
• onHealthCheck
• disableHealthCheck

Note that apollo-server-azure-functions does not provide a mechanism for adding arbitrary middleware to your web server (other that by manually wrapping the handler returned by createHandler in your own handler).

For more details on using apollo-server-azure-functions, see the documentation on deploying to Azure Functions.

apollo-server-cloudflare

apollo-server-cloudflare is the GraphQL server for Cloudflare Workers. This package is experimental and is not actively supported by Apollo.

For more details on using Apollo Server with Cloudflare Workers, see the Apollo GraphQL Server Quickstart in the Cloudflare Workers documentation.