Troubleshooting adding promotional images to an 11ty blog starter with Sanity

Hey all, I want to create a blog for my website (using Sanity + 11ty starter blog) however I run into some problems when I try to do the guides from the sanity blog.
Specifically when I am following what
the article suggests , I get these errors:

I figured out that when I reference imageObject in here:

I realized that when I reference imageObject from the guide in post.njk I get the error. The same error happens if I replace imageObject with mainImage

<img src="{% imageUrlFor imageObject, 400 %}" alt="{{ post.mainImage.alt }}">

I realized that when I reference imageObject from the guide in post.njk I get the error. The same error happens if I replace imageObject with mainImage

<img src="{% imageUrlFor imageObject, 400 %}" alt="{{ post.mainImage.alt }}">

Any pointers greatly appreciated
😄

Hello you need to be more specific, about your setup. And please do not repost things so often in the channel. The reason you might not get an answer might be that a) its the holidays and people are not as active/working or your problem is not sufficiently explained. You need to provide some code or more explanations for people to be able to help.If you need any ideas on how to do so, I can recommend
blog article .
I know unanswered questions are frustrating, but please also understand that we all do our best.
Since you have a specific problem, you need to add specific questions. We cannot go through the whole guide and guess where you could have gone wrong.
So please, help me help you
😉

Apologies Saskia, it was not my intention to repost constantly!
I am trying to follow a guide from Sanity (
https://www.sanity.io/guides/how-to-add-promotional-images-to-the-11ty-blog-starter ) however although I believe I follow everything correctly, I get an error I cannot seem to solve... It seems to be happening after I put this line of code in the post.njk:

<img src="{% imageUrlFor imageObject, 900 %}" alt="{{ post.mainImage.alt }}">

If I remove the line above, the deploy has no errors

PS: I am a complete noob in coding, just googling a lot while trying to create a blog...

Hope the info is a bit more helpful, glad to provide more if I can

no issue! just wanted you to stop 😉
And we all started somewhere, you came to the right place I think to get help as a noob! I started a couple of years ago and now …

Well okay I can see one first issue:
You are missing the

.url()

method in you urlForImage (the screenshot is from the js example, but you see, that this is missing 🙂
Your setup should be working..
https://www.sanity.io/guides/how-to-add-promotional-images-to-the-11ty-blog-starter#09bd0eafb249

Can you check how your image is called in the post schema?

because if it is mainImage using

post.mainImage?.asset

instead of imageObject should work

and can you test the output of the

urlForImage

, so we know if this or the 11ty is the issue?

upon someone's recommendation I put this code in post.njk

{{post.mainImage | dump }}

I get this:

{"_type":"mainImage","alt":"Mountains in cloudly weather with a beach.","asset":{"_ref":"image-9843381ae2f30b9a069c528928e100af8cf21f5e-2048x1024-jpg","_type":"reference"},"caption":"Inspiring photo of a Norwegian mountain view. Photo by Torbjorn Sandbakk."}

okay so you need to use mainImage in urlFor (or mainImage.asset)

post.mainImage.asset

I think it works like that!

jup exactly!

But the image name is mainImage thats a big step forward!

try both and report back 😉Sorry we barely use 11ty in our teams… but that should work

I tried mainImage without the .asset part and that did not work

post.mainImage works

and post.mainImage.asset works too

you wanted 1 solution … we have 2 now :cool_doge:

Thank you , again apologies for my eagerness to solve it, as inexperienced as I am it took me 3 days trying to figure it out. I even deleted the project 3 times and started all over again

you must have been really frustrated… Well we go it now 🤝

btw: we have an 11ty channel!

Oh thank you Saskia, btw, is it appropriate to ask in this thread/channel about some netlify deployment errors with this sanity-eleventy starter?

Sure! I will not answer today though :parrot_sleep:but some others might
😉

But start a new thread please

Thank you!