Skip to content

Media

const imageUrl = cms.media.url({ id: post.data.featuredImage as string });
const meta = await cms.media.get({ id: post.data.featuredImage as string });

meta contains altText, contentType, width and height.

<img src={imageUrl} alt={meta.altText ?? post.data.title} width={meta.width} height={meta.height} />

media.url builds a URL to GET /api/v1/public/media/{id}/file, which serves the file from R2 and is edge cached.