How to use federation with a headless CMS?

[LALauw]

I have a Nextjs server running with a graphql endpoint at "http://localhost:3000/api/graphql", but I'm also utilising a headless cms called Hygraph. The problem is that I want to use federation for both my own graphql api and the one from Hygraph. I have set it up as follows:

const gateway = new ApolloGateway({
  supergraphSdl: new IntrospectAndCompose({
    subgraphs: [
      {
        name: "cms",
        url: "Hygraph API endpoint",
      },
      { name: "person", url: "http://localhost:3000/api/graphql" },
    ],
    introspectionHeaders: {
      Authorization: `Bearer MyToken`,
    },
  }),
});

const apolloServer = new ApolloServer({
  gateway,
});

export default startServerAndCreateNextHandler(apolloServer, {});

However I'm getting the following error:An error occurred during Apollo Server startup. All GraphQL requests will now fail. The startup error was: Couldn't load service definitions for 'cms'

What am I doing wrong here and has anybody knowledge how to use federation with a headless cms?

[trevor-scheer]

@LALauw we need some more information to be helpful here. A runnable reproduction we can run would be very helpful, with explicit instructions on how to clone / set up and trigger the error.

Do you at least have logs from Hygraph you can share? Some details as to why that request failed would be helpful.

[mtthsnc]

@LALauw did you ever figure this out? Dealing with the same issue.

[trevor-scheer]

I can be more helpful with a reproduction.

[mtthsnc]

All good. I ended up using a GraphQL Mesh as it satisfied my needs for now.