Feedback and discussion about the challenges and learning curve of using and Gatsby together.

63 replies
Last updated: May 12, 2020
A possibility to use kitchen-sink without any connection to netlify or github, locally to get deeper into the way Sanity is linked with Gatsby
May 9, 2020, 8:19 AM
You could clone this repo and use the contents of its
folder locally:
May 9, 2020, 8:32 AM
Thank you (Removed Name), that is what I started to try this morning.
May 9, 2020, 10:21 AM
this is feed back:I have taken the repo from template folder,
put in into a blank clean studio.
(I haven't done the gatsby part yet)
the problem I face is that I would have like to see the example like in the video but everything is blank so that it is a lot of work to create post and so on, to just see if it is like in the video.
I tried to set with the account of (Removed Name) (like it is appearing in the github repo) but there is a matter of authentification so that it is impossible.
So it is complicated.
I mean that I would like to have a look, then to hang on with my personal project.
May 11, 2020, 7:53 AM
Second thing:I am surprised to see the number of negatives opinions on the video of
user F
: 14 towards 64, its a lot!Personally I don't think that the video is negative: I like the idea and the project is great (I don't think it sufficiently positive either though).
Toward the pedagogy (and style) of
user Y
it is certainly difficult for
user F
!But moreover, generally (I hope I am not going to shock anybody over there) I feel that there is a weak point in the Sanity strategy as there are many persons like me as far as I can see in the slack channel, that are not really sufficiently talented to immediately get into the refinement of Sanity and they end «lost in translation».
I mean clearly see that there is something great to learn, master, but not been able even with motivation to the point without lot of effort and pain.
I would like not to be missunderstood here: I have received great support from the community each time I needed it.
But as a feedback, I think there is there a marge of progression.
Right now, in my project (sanity + gatsby + localization) I just have the choice between a superb «everything ready beyond expectations under the hood» and a «you can customize everything».
I feel there is a lack of clues to LEARN in between and clearly get what is going on «under he hood».
You are doing your best, the documentation is evolving.
There are the videos of
user Y
and there are great because short, pedagogic...About Twitch, I am not convinced: it's endless, lost of hesitations, self contentment also because of social positions.
In my case, I would like to understand more precisely how Gatsby is linked to Sanity, I mean, there are many ways to link it: what I saw from the example of the kitchen sink is far more interesting than what I thought it would be.
I mean: it's beautiful work, I would like to get into that beauty, but I face a wall as I am not aware of the technical principles that are taking form there.
So there is definitely something to invent to point out the different concepts so that it is possible for me to dig into the subject and find my way over.
(I would like to change the example in the kitchen-sink to a different routing system, that would make localization completely arbitrary, that is to say the slug of a post in a language would not be the slug of a post in another language)
I mean: I will find my way over and my project is going to be beautiful.
What I am writing now is a feedback for the Sanity team: your project is really great, it's deserving to be more known and popular!
May 11, 2020, 7:54 AM
Re reading what I wrote, I am thinking that what is may be missing is just elements of information describing what «is under the hood».
May 11, 2020, 8:58 AM
Thanks for the feedback
user H
! There’s a lot to unpack here, but I think we generally agree: We need more pedagogics around the different parts of Sanity (and integrating with it), and it needs to be chunked into smaller piece, and we need to account for more experience levels.
And we’re working on it!

We made /create in order to give people a faster experience on how Sanity works together with popular frameworks, because JAMstack does require a bit of work to get up and running (and there’s a lot of pieces). However, you lose the “progressive disclosure”, where you learn how the different parts and how it fits together “from the ground up”. And we need more content around the latter.
May 11, 2020, 9:38 AM
user Y
I was very much afraid of be taken as a critic: this is not at all my point.
I love Sanity so far, even if it is difficult right now for me, but because of my lack of knowledge.
Things that would be very easy to do right now:
to allow examples to be fulled.
For instance, for the kitchen-sink to provide some guidance in order to have it set exactly like in the video.
It would be an open count or a template.
May 11, 2020, 10:03 AM
[My particular difficulty was that I already have a Netlify repo that I use with the beginning of my project.Therefore to test it with create forces me to change plan on Netlify... while it would be just for testing...]
May 11, 2020, 10:05 AM
Ah, we weren't aware of that limitation! We have talked about making it possible for you to launch without having to deploy on Netlify, so this is +1 towards that feature
May 11, 2020, 10:09 AM
May 11, 2020, 10:09 AM
I'm still in trying to populate the kitchen sink.To tell about where I am and what I do:
• it is difficult to find out the relationship between Frontpage, Page Builder, Blog and Pages inside Page Builder.
• I have the Content Mode Graph plugin that helps a little but...
• Isn't a Front Page a page also?
• Page Builder = element to build a page?
• Front page = root of the project?
I think I'd better look the video again...
May 11, 2020, 11:27 AM
I am now with the setting of the gatsby part:I am not quite sur (as I am away from the track) where I should define the dataset, the project id...
There is an env.production already: is this just for production?
Should I make a separate env.development aside
or is that has been automatically created?
As I have two datasets and development is already used, I am now on production for testing but...
May 11, 2020, 2:07 PM
help ideas-and-feedbackok I have set the gatsby part of the
from scratch step by step from previous post.I am pretty proud of myself because it seems not too bad.
I have little errors that seems to me on details but (!) (at the end of the process at least).
I tried to solve that alone but I don't really get the point:
exists (there is a
import React, { useState, useMemo , useCallback } from 'react'
that is not used) (location is different: in the error message
in reality
) (there is
) (there is also a
which is strange).2. for
it does not exist literally (only
exists in
) (is this an error?)3. for
nothing in components as mentioned (is this the problem?) (nothing anywhere else in
)4. there are other errors: same thing: cannot see any
so it is probably coming with Sanity backend? Like for
May 11, 2020, 6:07 PM
Hi there!I really need help as I am running into errors and don' know at all what I can do.
Towards yesterday, I have solve a few things.
Please find below the last
.Towards that I cleaned everything (deleted
).I am installing the kitchen-sink example (
project folder
folders under, orchestrated by
on top).Contrarily to the example, I am not using
(would that be a problem?) (I have modified the commands as much as I could to adapt by there are probably some I haven't seen?).Any help very much appreciated ☆

May 12, 2020, 7:14 AM
let's precise: I can't see anything on
, nor in the
Web preview
May 12, 2020, 7:23 AM
What node version are you on?
node -v
May 12, 2020, 7:59 AM
May 12, 2020, 8:00 AM
(thank for your help ☆)
May 12, 2020, 8:01 AM
I would try to upgrade node – it's on 14 now
May 12, 2020, 8:05 AM
let's do that
May 12, 2020, 8:05 AM
That's what I got from searching your errors and leafing through github issues for gatsby at least
May 12, 2020, 8:05 AM
let's do that first yes!
May 12, 2020, 8:05 AM
installation is taking some time (several minutes)
May 12, 2020, 8:27 AM
still going on!
May 12, 2020, 8:34 AM
it is still not completely finished but the installed node version is not v14 but v12.16.3 (I am on Windows x84).
May 12, 2020, 8:38 AM
I have to reboot my computer. Let's do that.
May 12, 2020, 8:39 AM
Node v12 is fine, that’s the latest LTS (long term support) version
May 12, 2020, 8:39 AM
Thanks ☆ let's reboot ♪
May 12, 2020, 8:40 AM
Hello (Removed Name). Glad to see you!
May 12, 2020, 8:40 AM
Unfortunately, I still have the same errors (I joined 2 screen captures so that you can see the whole log from start)
May 12, 2020, 9:06 AM
Could you try removing your
folders, as well as your
file, and running
npm install
before trying once again?
May 12, 2020, 9:09 AM
May 12, 2020, 9:09 AM
could you precise in all folders? (root? web? studio?)
May 12, 2020, 9:10 AM
In your web folder, and also check for any
file there (if it’s there, remove that one too)
May 12, 2020, 9:12 AM
ok so web folder first
May 12, 2020, 9:12 AM
(Just the web folder, no need for the others in this case)
May 12, 2020, 9:13 AM
May 12, 2020, 9:13 AM
Also, after running
npm install
, do a
gatsby clean
gatsby develop
, just in case.
May 12, 2020, 9:14 AM
Before, I was going to root (
folder) then command
yarn run dev
that would action remote
gatsby clean
from there.Could you confirm that you want me to do from
gatsby clean
May 12, 2020, 9:18 AM
The root folder uses
to run a bunch of things at the same time, including the studio build. That’s totally OK so you can do that instead, but it’s a bit quicker to test just the Gatsby build if you run
gatsby develop
in the web folder. If that completes successfully, you can go back and run
yarn run dev
in the root folder like before.
May 12, 2020, 9:21 AM
Something strange after npm install for information:
C:\xampp\htdocs\<|>\web>npm outdated
Package                    Current        Wanted  Latest  Location
gatsby-source-sanity  6.0.0-beta.0  6.0.0-beta.0   5.0.6  gatsby-starter-hello-world_sanity-kitchen-sink-web
I tried to do
npm upgrade gatsby-source-sanity@5.0.6
but I missed itso I did
install gatsby-source-sanity@5.0.6
.It is now therefore
May 12, 2020, 9:26 AM
I just read now your previous post.First, thank you.
Second, yes let's do that now!
May 12, 2020, 9:27 AM
Here is what I have now.A problem with react-helmet,
the same errors as before.
It seems that helmet is not correctly imported for some reasons.
May 12, 2020, 9:50 AM
my version of react-helmet:
May 12, 2020, 9:52 AM
implies some breaking changes:
May 12, 2020, 9:53 AM
How are you importing Helmet on your page? As follows?
import { Helmet } from 'react-helmet'
Also, we seem to have some more information on the WebPack error: No PostCSS config found.
May 12, 2020, 9:54 AM
I don't know what page we are talking about,because it's from the kitchen-sink example I am discovering.
May 12, 2020, 9:56 AM
Do you have a
file in your web root?And you can try downgrading to Helmet
for now. It’s just a warning though, so it shouldn’t prevent your build from completing.
May 12, 2020, 9:59 AM
ok so I regressed to react-helmet@5.2.0,got out of the react-helmet error.
the other errors are still there:
• footer.js
• serializer.js
• helpers.js
• page.js
• then the webpack errors.
May 12, 2020, 9:59 AM
No I don't (have any
).(as there were none in the
kitchen-sink repo
May 12, 2020, 10:01 AM
There should be:
But if not, please create that file in your web folder with the following contents:

module.exports = () => ({
  plugins: [
      stage: 3,
      features: {
        "color-mod-function": { unresolved: "warn" },
        "nesting-rules": true,
        "custom-media-queries": {
          preserve: false
        "custom-properties": {
          preserve: false
You can ignore the warnings for now, let’s focus on the errors
May 12, 2020, 10:03 AM
O K ! ! ! !Hurrah ! ! !
I have a beautiful page on localhost:8000
Thanks to you (Removed Name)!
(I would really not been able to get out there alone!)
♪ I am so happy ☆
May 12, 2020, 10:08 AM
I still have some errors,here there are
May 12, 2020, 10:09 AM
Sorry (Removed Name),I got myself confused again,
I am not getting errors,
but only warnings.
May 12, 2020, 10:12 AM
That’s good news, right? 🙂 Looks like you’re up and running again 🚀
Regarding the warnings, try searching for
and the specific warning code, such as
to better understand what the warning is about and how you might resolve it. There should be plenty of explanations out there and it’s completely normal that these warnings show up from time to time.
The three
ones, for example, are just about not having unnecessary code in your files. If you don’t plan on using e.g.
in the page template, you can remove that line and the warning should disappear.
May 12, 2020, 10:25 AM
As you can imagine,it's working also perfectly in the studio now!
the preview is really nice!
(there are plenty of things to see, change, understand!!!)
Thanks, thanks, thanks ☆
(I feel exhausted, I have to make a break to realise the new situation - I need to
rebuild!) (Ah ah ah!)I feel really grateful of your help.
T H A N K Y O U ! ! !
May 12, 2020, 10:25 AM
Do a
francois clean
francois develop
and you should be back in the game 😛
May 12, 2020, 10:25 AM
just took knowledge of your new post,I will do that.
May 12, 2020, 10:26 AM
Also a
François upgrade
🤣That is really funny.
May 12, 2020, 10:27 AM
I have a question:are you located in Norway, in San Francisco, or somewhere else?
I would bet for Norway.
May 12, 2020, 10:29 AM
That might take a moment to resolve 😄 Sanity as a team is currently working remotely from home because of the circumstances. But normally it is based in both Oslo and SF. Personally, I’m working from Spain and sometimes from the Netherlands, so I’m a bit of an exception to the rule.
May 12, 2020, 10:29 AM
I can't help thinking that it is a situation pretty much like those intellectuals of the end of the XVth century all over Europe (Erasmus particularly meaningful to you if you are sometimes in the Netherlands) that would have latin in common...At the same time, completely different backgrounds,
and at the same time, lots of things in common...
All with probably the same conscience of being part of a very bif change, at the same time as lots of dramas...
May 12, 2020, 10:36 AM
(Removed Name) into the place!
May 12, 2020, 10:55 AM

Sanity– build remarkable experiences at scale

Sanity is a modern headless CMS that treats content as data to power your digital business. Free to get started, and pay-as-you-go on all plans.

Was this answer helpful?