@layer0/apollo

@layer0/apollo

Allows you derive the URL for apollo queries so you can prefetch them using @layer0/prefetch

Configuration

// apollo client configuration
import { createHttpLink } from '@layer0/apollo'

export default () => ({
  defaultHttpLink: false,
  link: createHttpLink({
    uri: typeof window === 'undefined' ? process.env.SHOPIFY_GQL_ENDPOINT : '/api/graphql',
    headers: { 'Access-Token': process.env.GQL_ACCESS_TOKEN },
  }),
})

If you're using @nuxtjs/apollo, you can use the configuration above by linking it to the apollo config in your nuxt.config.js:

  apollo: {
    clientConfigs: {
      default: '~/apollo.config.js' // path to the apollo client config shown above
    }
  }

Getting the URL to prefetch

import { createApolloURL } from '@layer0/apollo'

const urlToPrefetch = createApolloURL(apolloClient, query, variables)