How to fetch array of images with GROQ in Sanity?

The issue with your query is that you need to match the field name from your schema. Looking at your code, there's a mismatch between what you defined in your schema and what you're querying.

Your schema defines the field as:

name: "image",  // This is the field name

But you're querying images[] (with an 's'). You should query image[] to match your schema:

return client.fetch(
  groq`*[_type == 'page' && slug.current == $slug][0]{
    _id,
    _createdAt,
    "mainImage": mainImage.asset->url,
    "images": image[].asset->url,  // Changed from images[] to image[]
    title,
    "slug": slug.current,
    content,
    alt
  }`,
  {slug}
)

The syntax image[].asset->url is correct - it:

1. Maps over each item in the image array
2. Dereferences the asset reference using ->
3. Extracts the url field from each asset

I've aliased it as "images" (plural) in the projection for clarity in your returned data, but the important part is reading from the correct image field name.

If you're still getting null after fixing this, check:

• That your documents actually have images in the image field (check in Sanity Studio)
• That the images are properly uploaded with asset references
• That you're querying published documents (drafts have _id starting with "drafts.")

You can also get more image data by expanding the projection:

"images": image[]{
  "url": asset->url,
  "alt": alt,
  "hotspot": hotspot
}

This gives you an array of objects with URL, alt text, and hotspot information for each image.