Next Cloudinary

Get the best of Cloudinary in Next.js with the CldImage component!

<CldImage
  width="987"
  height="987"
  src="images/woman-headphones"
  sizes="100vw"
  crop="thumb"
  gravity="faces"
  removeBackground
  tint="40:253f8c"
  underlays={[{
    publicId: 'images/city-skyline',
    width: 987,
    height: 987,
    crop: 'fill'
  }]}
/>