Nuxt apollo client, restore cache on client & optimize SSR

nuxt-apollo-client.js

import { ApolloLink } from 'apollo-link';
import { HttpLink } from 'apollo-link-http';
import { InMemoryCache } from 'apollo-cache-inmemory';

export default ctx => {
  const httpLink = new HttpLink({
    uri: process.env.PROJECT_GRAPHQL_SERVER,
  });

  const cache = new InMemoryCache();

  // If on the client, recover the injected state
  if (process.client) {
    if (typeof window !== 'undefined') {
      window.onNuxtReady(() => {
        cache.restore(window.__NUXT__.apollo.defaultClient);
      });
    }
  }

  const middlewareLink = new ApolloLink((operation, forward) => {
    const token = ctx.app.$cookies.get('access_token');

    if (token) {
      operation.setContext({
        headers: { Authorization: `Bearer ${token}` },
      });
    }

    return forward(operation);
  });

  const link = middlewareLink.concat(httpLink);

  return {
    link,
    cache,
    ...(process.server
      ? {
          // Set this on the server to optimize queries when SSR
          ssrMode: true,
        }
      : {
          // This will temporary disable query force-fetching
          ssrForceFetchDelay: 100,
        }),
    connectToDevTools: process.env.NODE_ENV !== 'production',
  };
};