Using @sanity/image-url without a framework or build process

if I am not using a framework & don’t have any

build

process, can I still use @sanity/image-url ? How do I use it? The instructions say to “pass it your configured sanityClient” but I don’t know how/where that’s supposed to happen? Sorry for the basic question

How are you building your frontend?

Vanilla html/css/js

You’ll use the JS client you linked to create a configured client. You’ll need to use a bundler like Browserify or Webpack to be able to use modules, though. If you don’t want to do that, you won’t be able to use the url builder and you’ll have to use the HTTP API to get content from Sanity.

Yeah, I guess that's what I've been doing this whole time...I just don't know the nomenclature.

The plugin was recommended to me, could you look at the thread and suggest another route?

Yeah, you can instead expand the reference in your query and get the url of the image in the CDN.

you are so wonderful

You can then concatenate these params onto that url to present the image at the size/resolution/etc. you want.

Aw, thank you! Happy to help!

you made my monday better

You saying that has made my monday better!

My coworker pointed out this morning that you actually can use those packages without a bundler because the most recent release of the client added Browser ESM CDN support . I’m afraid I can’t be much more helpful than that since I haven’t given it a go yet!