Apollo-blog root App component

App.js

import React, { Component } from 'react'
import ApolloClient from 'apollo-boost'
import { ApolloProvider } from 'react-apollo'
import { BrowserRouter, Route } from 'react-router-dom'
import './App.css'
import 'semantic-ui-css/semantic.min.css'

import Home from './views/home'
import Article from './views/article'

// creates our Graphql client using the CosmicJS Graphql endpoint
const client = new ApolloClient({
  uri: "https://graphql.cosmicjs.com/v1"
})

class App extends Component {
  render() {
    return (
      <ApolloProvider client={client}>
        <BrowserRouter>
          <div className="router-container">
            <Route exact path="/" component={Home} />
            <Route path="/article/:articleName" component={Article} />
          </div>
        </BrowserRouter>
      </ApolloProvider>
    )
  }
}

export default App