gatsby-theme-whatsgood-fork-apollo
v30.0.4
Published
Sets up your Gatsby website for use with Apollo
Downloads
1
Maintainers
Readme
gatsby-theme-whatsgood-fork-apollo
A Gatsby theme that sets up your website for use with Apollo Client.
Installation
This theme is meant to be used with the @apollo/client
package. If you aren't already using it, make sure you install it along with this theme.
Important:
@apollo/client
is currently in beta. If you want to use this theme withapollo-boost
orapollo-client
, you can installgatsby-theme-whatsgood-fork-apollo@2
.
npm install gatsby-theme-whatsgood-fork-apollo @apollo/client
Usage
Add gatsby-theme-whatsgood-fork-apollo
as a plugin in your Gatsby config.
// gatsby-config.js
module.exports = {
plugins: ['gatsby-theme-whatsgood-fork-apollo']
};
Required: Shadow this theme's client.js
file with your own ApolloClient
instance. Check out the Apollo docs to learn more about creating a client.
However you decide to create your client, you should make sure that:
- You provide an isomorphic
fetch
implementation (such asisomorphic-fetch
) as an option toHttpLink
- Your client is the default export in
client.js
// src/gatsby-theme-whatsgood-fork-apollo/client.js
import fetch from 'isomorphic-fetch';
import {ApolloClient, HttpLink, InMemoryCache} from '@apollo/client';
const client = new ApolloClient({
cache: new InMemoryCache(),
link: new HttpLink({
uri: 'https://api.spacex.land/graphql/',
fetch
})
});
export default client;