SanityImage.astro

---
import imageUrlBuilder from '@sanity/image-url'
import type {ImageUrlBuilder} from '@sanity/image-url/lib/types/builder'
import {sanityClient} from 'sanity:client'

const builder = imageUrlBuilder(sanityClient)

const {node} = Astro.props
const {width = 960} = Astro.props
let image: ImageUrlBuilder | undefined

// See https://www.sanity.io/docs/presenting-images for general documentation on
// presenting images, and https://www.sanity.io/docs/image-url for specifics on
// this builder API
try {
  image = node && node.asset && builder.image(node).width(width).fit('max').auto('format')
} catch (error) {
  console.error(error)
}
---

{image && <img src={image.url()} alt={node.alt || ''} title={node.alt} />}