๐Ÿ”ฎ Sanity Create is here. Writing is reinvented. Try now, no developer setup

Troubleshooting returning image URLs in Next.js using Sanity.io

25 replies
Last updated: Jul 21, 2020
Can someone point me to the docs where you return a url for an image?I keep seeing the url param returned in sample objects - but not seeing it on my end - what am I missing?

For my images: I have an
property - which is where I would assume the
would be. However I am only getting a
and a
Jul 20, 2020, 8:56 PM
where are you trying to return the URL?
in sanity? gatsby? something else?
Jul 20, 2020, 9:06 PM
user N
Thanks for asking for more context.
Returning the URL in a nextjs frontend using sanity groq query.
Jul 20, 2020, 9:08 PM
mmm, ok, i've not used nextjs but let me see if i can't still help you out
Jul 20, 2020, 9:08 PM
Sweet thanks. I saw there are a few examples of image packages used for gatsby and such - but thats a little overkill for what I am looking for.
Specifically referencing this:

Returns a
but no reference on how to do so or where it comes from.
Jul 20, 2020, 9:10 PM
Ooh i think im seeing where - you drop the
into your
call and specify what you want to return. Iโ€™ll try this.
Jul 20, 2020, 9:11 PM
Hmm - not that. Url seems to live outside of metadata somewhere!
Jul 20, 2020, 9:12 PM
you've seen this?
Jul 20, 2020, 9:13 PM
you might need to use the
Jul 20, 2020, 9:14 PM
not 100% sure about that
Jul 20, 2020, 9:14 PM
Yea that was step 2. ๐Ÿ™‚
Jul 20, 2020, 9:14 PM
Iโ€™ll dig in a bit more after dinner - thanks for the help so far!
Jul 20, 2020, 9:15 PM
- asset does not return url as a data point: only getting
back ๐Ÿคทโ€โ™‚๏ธ
Jul 20, 2020, 9:15 PM
*[_type == 'person']{
  "imageUrl": image.asset->url
seems relevant
Jul 20, 2020, 9:15 PM
haha, ok, you saw that
Jul 20, 2020, 9:15 PM
Yup ๐Ÿ™‚ im just racking my brains on why its missing - it seems like a standard return based on the docs
Jul 20, 2020, 9:16 PM
i think it would be something like
Jul 20, 2020, 9:16 PM
In the interm i could build up the string using interpolation and the
item ๐Ÿ‘
Jul 20, 2020, 9:20 PM
have you tried
Jul 20, 2020, 9:22 PM
a field or an object?
Jul 20, 2020, 9:23 PM
Yea I tried that - errors out.
Jul 20, 2020, 9:25 PM
user N
I think it was a syntax issue from the docs.
Ended up running
and got what I needed.
Jul 21, 2020, 3:42 AM
Also had to re read the groq docs concerning references ๐Ÿ™‚ - huge fan of all the sweet operators you can throw in there to return data.
Jul 21, 2020, 1:57 PM
oh nice, glad its working ... did you drop a note in the feedback channel so the sanity team can update the docs?
Jul 21, 2020, 2:42 PM
I did not - will do that now.
Jul 21, 2020, 3:46 PM

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?