ran-boilerplate/libraries/apolloClient.js

React . Apollo (GraphQL) . Next.js Toolkit

import ApolloClient, { createNetworkInterface } from 'apollo-client';
import persist from './persist';

const initNetworkInterface = token => {
  const networkInterface = createNetworkInterface({
    uri: 'https://api.graph.cool/simple/v1/cj7ke77fv0e9i0122pflagbvx',
    opts: {
      credentials: 'same-origin'
    }
  });

  networkInterface.use([
    {
      applyMiddleware(req, next) {
        if (!req.options.headers) {
          req.options.headers = {};
        }
        (async () => {
          // eslint-disable-next-line no-param-reassign
          token = token || (await persist.willGetAccessToken());
          req.options.headers.authorization = token ? `Bearer ${token}` : null;
          next();
        })();
      }
    }
  ]);

  return networkInterface;
};

let apolloClient = null;

const createClient = (headers, token) =>
  new ApolloClient({
    ssrMode: !process.browser,
    ssrForceFetchDelay: 100,
    headers,
    networkInterface: initNetworkInterface(token)
  });

export default (headers, token) => {
  if (!process.browser) {
    return createClient(headers, token);
  }
  if (!apolloClient) {
    apolloClient = createClient(headers, token);
  }
  return apolloClient;
};