Apollo Meteor SSR

ssr.js

import React from 'react';
import { StaticRouter } from 'react-router';
import { ServerStyleSheet } from 'styled-components';
import { onPageLoad } from 'meteor/server-render';
// import { createApolloServer } from './apolloServer';
import { createApolloServer } from 'meteor/apollo';
import { Helmet } from 'react-helmet';
import { SchemaLink } from 'apollo-link-schema';
import 'isomorphic-fetch';
// Apollo
import { ApolloProvider, renderToStringWithData } from 'react-apollo';
import { ApolloClient } from 'apollo-client';
import { InMemoryCache } from 'apollo-cache-inmemory';
import { withClientState } from 'apollo-link-state';
import { from } from 'apollo-link';
// App Utils
import App from 'imports/ui/layouts/App';
import { schema } from './register-api';
import defaultState from '../both/defaultState';
import stateMutations from '../both/stateMutations';

const render = async sink => {
  try {
    const cache = new InMemoryCache();
    const stateLink = withClientState({
      cache,
      resolvers: stateMutations,
      defaults: defaultState,
    });
    const schemaLink = new SchemaLink({ schema });
    const link = from([stateLink, schemaLink]);
    const client = new ApolloClient({
      ssrMode: true,
      link,
      cache,
    });

    const context = {};

    const ServerApp = (
      <ApolloProvider client={client}>
        <StaticRouter location={sink.request.url} context={context}>
          <App />
        </StaticRouter>
      </ApolloProvider>
    );

    const content = await renderToStringWithData(ServerApp);

    // Loads Meta
    const meta = Helmet.renderStatic();
    sink.appendToHead(meta.title.toString());

    // Loads styles
    const sheet = new ServerStyleSheet();
    sink.appendToHead(sheet.getStyleTags());

    // const body = renderToNodeStream(<ServerApp />);
    sink.renderIntoElementById('app', content);

    sink.appendToBody(`
    <script>
      window.__APOLLO_STATE__=${JSON.stringify(client.extract())};
    </script>
  `);
  } catch (e) {
    console.log(e.message);
  }
};

onPageLoad(render);

// expose graphql endpoint
createApolloServer({ schema });