How to get the session to Apollo client when using getStaticPaths or getStaticProps

[JustinLek]

Question 💬

How do you get the session to Apollo client when using getStaticPaths or getStaticProps. On getServerSideProps you can pass the context when creating a new apollo client but thats not available here.

How to reproduce ☕️

Here is an example when doing a query with GetServerSideProps.

Some page:

export const getServerSideProps: GetServerSideProps = async (context) => {
  const client = getClient(context);
  const { data } = await client.query({
    query: QUERY,
  });
  return {
    props: {
      data: data.someResult,
    },
  };
};

import { ApolloClient, InMemoryCache, createHttpLink, from } from '@apollo/client';
import { setContext } from '@apollo/client/link/context';
import { getSession } from 'next-auth/react';

const getClient = (context) => {
  const httpLink = createHttpLink({
    uri: GRAPHQL_ENDPOINT,
    credentials: 'include',
  });
  
  const authLink = setContext(async (_, { headers }) => {
    const session = await getSession(context);
    return {
      headers: {
        ...headers,
        authorization: session?.token ? `Bearer ${session.token}` : '',
      },
    };
  });
  
  const client = new ApolloClient({
    link: from([authLink, httpLink]),
    cache: new InMemoryCache(),
  });

  return client
}

export default getClient;

When you do this without context there will never be a token.

[balazsorban44]

It doesn't make sense to get a session in getStaticProps. There is no user in that context.

The page is, well supposed to be static.

If you need to do authentication in there, you'll need to use a different OAuth flow. (possibly client credentials.