Payload CMS - How to query image content from Richtext field

Payload CMS cover

Query image in Payload CMS

To query an image within PayloadCMS 's Richtext field, you have to add depth in your query.

This is how we do it within GraphQL query.

typescript
query postAll {
  Posts {
    docs {
      slug
      title
      summary
      body(depth: 1)
      feature
    }
  }
}

Pay attention to the body query, we add (depth: 1) to enable deep query within the GraphQL, and body is the name of the Richtext field inside the PayloadCMS .

Previous post Separating SCSS style from Vue template
Next post How to build a local API route in Nuxt 3