From https://github.com/RyanCCollins/scalable-react-typescript-boilerplate/blob/master/src/client/apolloClient.ts

apolloClient.ts

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

declare var window: {
  __APOLLO_STATE__: string,
};

const uri = process.env.API_URL || 'http://0.0.0.0:1338/api';

const client = new ApolloClient({
  networkInterface: createNetworkInterface({
    uri,
  }),
  initialState: typeof window !== 'undefined' ? window.__APOLLO_STATE__ : null, // eslint-disable-line
  ssrForceFetchDelay: 100,
});

export default client;

reducers.ts

import { combineReducers, Reducer } from 'redux';
import client from './apolloClient';

export const rootReducer = combineReducers({
  apollo: client.reducer() as Reducer<any>,
});

routes.ts

import * as React from 'react';
import { ApolloProvider } from 'react-apollo';
import { Route, IndexRoute, Router as ReactRouter } from 'react-router';
import client from './apolloClient';
import store, { history } from './store';

export const routes = (
  <Route path="/" component={App}>
    <IndexRoute component={Home} />
    // routes go here
  </Route>
);

const RouterApp = () => (
  <ApolloProvider store={store} client={client}>
    <ReactRouter
      onUpdate={logPage}
      history={history}
      routes={routes}
    />
  </ApolloProvider>
);

export default RouterApp;