Next Cloudinary v6 now available! View Changelog

<CldOgImage />
Basic Usage

Getting Started with CldOgImage

The CldOgImageComponent give you the ability to use the same CldImage API to easily generate Open Graph images (or social cards) inside of Next.js.

Using the Next.js 13 App Router? This component is only supported in the Pages directory. Try the getCldOgImageUrl helper inside of your metadata configuration.

Basic Usage

The basic required prop is src: