Generating Image Galleries, Open Graph Content with Vercel and Cloudinary - DevJams Episode #22

In this Cloudinary DevJams episode, we are joined by Ben Seymour - Director of Sales Engineering at Vercel!

Ben has developed several interesting open-source projects using Vercel, Cloudinary, and Next.js. With these technologies, it is possible to create fast-loading, animated image galleries.

Combined with Vercel’s Open Graph Image Generator, he also can easily create and update the images used by social media sites and microbrowsers when sharing projects!

Ben provides how-to details on some of the steps taken, such as markup with Tailwind and extensive use of Cloudinary transformations for background removal and other effects.

This episode is jam-packed with practical tips and tricks to take your development skills to the next level! So, do not miss out on this exciting opportunity to learn from a seasoned pro like Ben Seymour.

---

Mentioned Technology and Helpful Links

• Ben's Photo Gallery Project - dynamic.photos
• Cloudinary Documentation: Image transformations
• Cloudinary Search API Method
• Next.js App Router
• Vercel Blog: Building a fast, animated image gallery with Next.js
• Vercel Blog: Introducing OG Image Generation: Fast, dynamic social card images at the Edge
• Vercel.com/Templates

Not a Cloudinary user yet? Sign up for your FREE account today!