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

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

asset

property - which is where I would assume the

url

would be. However I am only getting a

_ref

and a

type

.

where are you trying to return the URL?
in sanity? gatsby? something else?

Thanks for asking for more context.
Returning the URL in a nextjs frontend using sanity groq query.

mmm, ok, i've not used nextjs but let me see if i can't still help you out

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:

https://www.sanity.io/docs/image-type#example-of-a-image-asset-object-with-metadata-location-lqip-palette-and-dimensions-df3f768ce073
Returns a

url

but no reference on how to do so or where it comes from.

Ooh i think im seeing where - you drop the

metadata

into your

options

call and specify what you want to return. I’ll try this.

Hmm - not that. Url seems to live outside of metadata somewhere!

you've seen this?

you might need to use the

@sanity/image-url

plugin

not 100% sure about that

Yea that was step 2. 🙂

I’ll dig in a bit more after dinner - thanks for the help so far!

image.asset->url

- asset does not return url as a data point: only getting

_ref

and

type

back 🤷‍♂️

seems relevant

haha, ok, you saw that

Yup 🙂 im just racking my brains on why its missing - it seems like a standard return based on the docs

i think it would be something like

your-field-name.asset->url

In the interm i could build up the string using interpolation and the

_ref

item 👍

have you tried

mainImage.asset->url

?

is

mainImage

a field or an object?

Yea I tried that - errors out.

I think it was a syntax issue from the docs.
Ended up running

mainImage.asset->{url}

and got what I needed.

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.

oh nice, glad its working ... did you drop a note in the feedback channel so the sanity team can update the docs?

I did not - will do that now.