Help with the with-apollo Example

[imasnyper]

I am having a hard time replicating the with-apollo example found here in my own code. I started a new NextJS app(code here) and hooked up my own Contentful API source for a Twitter clone app I'm trying to make. It seems to work fine on the index page where I am using Apollo with SSG and initializing the client in getStaticProps. However, when I try on my [username].js page, where I am trying to use Apollo on the client-side only, it doesn't work. The client side usage in the example works on my computer when I tested it, but I can't seem to figure out where my code differs from the example. When I try with my code, it gives me the following error:
Error: JSON.parse: unexpected character at line 1 column 1 of the JSON data
When I inspect the network request where Apollo tries POSTing the query, it looks like the client is trying to use the default localhost:3000/graphql endpoint instead of the custom link I made in lib/apolloClient.js. Why would this be? The example app properly uses the URI setup in the apolloClient file there. As far as I can tell, the only differences between the two projects(with respect to Apollo) is the link set up for the ApolloClient.

[imasnyper]

For anyone reading this later, the problem was getting the apiLink and apiToken from process.env. By default those variables are not exposed to the client, they're only available to the Node environment. To expose the variable to the client, you need to prefix the variable name with NEXT_PUBLIC_ to make it visible. After making that change, the client side code works as well.