Last updated: Aug-15-2023
This tutorial presents the following topics. Click a timestamp to jump to that part of the video.
|0:05||Social media image cards can help to increase engagement within social media feeds, such as Twitter and LinkedIn. Using the Open Graph protocol to serve these images and creating the images in the first place can be simplified by using the Next Cloudinary CldOgImage component inside a Next.js application.|
Install the Next Cloudinary library, set the
|1:58||Add a text overlay and an image overlay, checking how it looks on the page. When you're happy with it, you can copy the transformations to the the
|3:38||Now you can preview the social media image cards by testing your deployed website in a tool such as opengraph.xyz.|
Using the Next.js Image ComponentDeliver images using the Next.js Image component
Upload Assets in ReactUpload assets using the Upload widget in a React App
Named TransformationsSimplify & standardize complex delivery URLs
Check out the Cloudinary Academy for free self-paced Cloudinary courses on a variety of developer or DAM topics, or register for formal instructor-led courses, either virtual or on-site.