CODEWITHSUNDEEP
graphql-jsgatsby
Daniel Davidson
Daniel Davidson

Reputation: 81

How do I query an external GraphQL endpoint in Gatsby JS?

I don't seen any clear way to query an outside GraphQL endpoint (i.e. https://somewebsite.com/graphql) for data. Has anyone else done this, and how did you do it?

I assume it requires you to build a custom plugin, but that seems overkill for such a simple need. I have searched the docs and this issue doesn't really ever get addressed. 🤔

Upvotes: 7

Views: 3245

Answers (3)

Alfrex92
Alfrex92

Reputation: 6778

In Gatsby V2 you don't need to create your own plugin.

What you need is a plugin called gatsby-source-graphql

gatsby-source-graphql uses schema stitching to combine the schema of a third-party API with the Gatsby schema.

You can find more info here.

Upvotes: 4

Sarasate
Sarasate

Reputation: 26

If you're not so into writing plugins for gatsby, like me, have a look here. It explains in detail how you query any graphQL server via the Gatsby sourceNode API and the use of graphql-request.

Helped me to get data for e.g. from graph.cool as well as GraphCMS.

The problem though is that you always have to write 2 different kinds of graphQL queries, as they are usually not compatible to Gatsby's relay style queries. But still easier than building a whole plugin.

Upvotes: 0

Mark Michon
Mark Michon

Reputation: 735

The answer is, as you mentioned, writing a new source plugin. This is how Gatsby gets the data into it's internal GraphQL structure to then query.

Plugins are, at their core, just additions to the gatsby-node, gatsby-browser, and gatsby-ssr files. So you could write the logic needed at the top of your gatsby-node file to avoid abstracting it out into it's own plugin.

Upvotes: 2

Related Questions