Connecting Sanity with Gatsby and querying data in GraphQL.

Hi everyone, can anyone help me with connecting Sanity <-> Gatsby ? I have the gatsby-source-sanity plugin installed and configured but the schema is not showing up in

http://localhost:8000/___graphql

Hi 👋 Have you deployed your GraphQL API? To do so, you can run

sanity graphql deploy

from the studio folder. Please let me know if you run into any trouble doing so 🙂

I have done that

Once that is done
I should be able to see my data in


http://localhost:8000/___graphql correct ?

In gatsby

Indeed, it should show up afterwards. You may have to restart the development server and run

gatsby clean

to make sure there's no cache getting in the way.
Also, if your dataset is private, make sure you have added a token with read rights to your source plugin configuration.

That helped !

So any time schema changes , I need to re run studio ?

re-deploy?

That's correct: every time you update your schema (not the content), you'll have to re-deploy the GraphQL API for the changes to be reflected on the Gatsby side as well.

Thanks a lot Peter.
GraphQL/gatsby/Sanity is new to me.
🙂

It's quite a lot to get your head around at the beginning, but that's why we're here for any questions 🙂 Looking forward to seeing what you'll build!

It's quite a lot to get your head around at the beginning, but that's why we're here for any questions 🙂 Looking forward to seeing what you'll build!

Just one more questions, how can I query ALL data from a schema ?

I am so used to SQL

Select * from.. lol

I am doing
query MyQuery {
sanityTestimonial {
id
}
}

It's bringing up only the first one?

You could try querying

allSanityTestimonial

instead to get all of them.
Admittedly, this is easier using Sanity's own open-source query language (GROQ), but people tend to still use GraphQL with Gatsby. In GROQ, you could get
all data with

*

, or a specific document type's data with

*[_type == "testimonial"]

. Just sharing this for context, although it won't be relevant for your project at this point: https://www.sanity.io/docs/what-about-graphql 🙂

How's GROQ used in a gatsby environment ?

It's generally not used with Gatsby, as GraphQL is the default there. If you're getting started, you may want to stick to GraphQL as it'll be easier to find specific answers for Gatsby.
However, if you're feeling adventurous, here's a plugin to use GROQ with Gatsby:
https://github.com/kmcaloon/gatsby-plugin-groq

That's awesome Peter, thanks for the help.I'll continue using gatsby-source-sanity for now

Sounds great (and makes sense) 🙂

One last question, I have 3 items, on sanity GROQ the result is 3 but on graphQL endpoint I am getting only 2 ? Despite using no filters

Otherwise I am getting the hang on it so far

Any chance you are querying from inside the studio or from the CLI with GROQ? If so, you might be getting both the draft and the published version of the same document in one case. You can identify the draft by its ID on a so-called non-root path (a path with a

.

) - the

_id

will be formatted like

drafts.<id>

in that case.
Unless you are querying with a read token in Gatsby, you may not see drafts there.

Only documents on the root path (so without any dots) are public by default.

The all 3 are published

Actually are 3 are published

I am calling them here:
http://localhost:8000/___graphql

http://localhost:3333/vision on studio I get 3

Could you share the _id and _type of the three documents you're seeing in the studio?

"840d935c-aa5d-42de-9129-660e73b87ef9"
"c2a5fa5b-991c-45e4-b58d-cdec11b7c402"

"f7c68f37-7c60-4852-a40c-4f557ef953a3"

"testimonial" _type

Considering they are published and of the same type, they should indeed show up in GraphiQL as well. Could you try another restart with

gatsby clean

? This shouldn't be necessarily normally but it's to rule out some issues.