Dive into All Things Digital Media

Explore our podcast programs: DevJams and MX Matters, each with its own take on what it means to build, manage and deliver the modern web.

Generating Image Galleries, Open Graph Content with Vercel and Cloudinary

Developers-centric projects using Cloudinary in innovative ways.


Subscribe to our Podcasts on YouTube

All Things Media Experience and the Trends Shaping Today's Visual Economy.


Subscribe to our Podcasts on YouTube


DevJams: Episode #22


Generating Image Galleries, Open Graph Content with Vercel and Cloudinary

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.

Play the Episode

DevJams: Episode #21


Serving Optimized Docusaurus Images with Rehype, Markdown and Cloudinary

In this Cloudinary DevJams episode, open-source software engineer ⁠John Reilly⁠ shares ⁠his plugin⁠ for the React-based optimized ⁠site generator Docusaurus⁠. It uses Cloudinary for serving optimized images! Using ⁠Rehype⁠ and ⁠Markdown⁠, the plugin fetches images from their original source on his blog’s server. Then it optimizes them by updating the URL structure to be served via Cloudinary and its associated content delivery networks. Cloudinary’s Customer Education team takes a closer look at how John is using Markdown and his plugin to improve the way images are served via Docusaurus. Whether you’re new or experienced with the associated software and frameworks, join us to learn more about ways to streamline your website optimization efforts, so you can focus more on your content.

Play the Episode

DevJams: Episode #20


Reducing Image Delivery Bandwidth with Cloudinary

Join Grant Sander, Vice President of Engineering at Formidable, in this Cloudinary DevJams episode! You’ll learn how Grant migrated images to Cloudinary and experienced significant enhancements for their website, such as next-generation image format delivery and support. Grant demonstrates the process and code that Formidable used to migrate images, resulting in an 86% reduction in image bandwidth for the site. Follow along with Cloudinary’s Customer Education team to gain a better understanding of the motivation and work involved in the process, from identifying the problem to measuring success. If you’ve been storing your assets in a code repository and creating your own optimization processing pipeline, but finding the process to be challenging, this is a conversation you won’t want to miss.

Play the Episode

DevJams: Episode #19


Building a Publish Extension for Canva and Cloudinary

With Canva being one of the hottest tools for creative and design projects, Cloudinary’s Igor Vorobeychik decided to build out a Canva-Cloudinary connector to help streamline work for those who use both platforms! This allows people to create their design in Canva, then publish it to Cloudinary for delivery onto websites, mobile apps and more. Cloudinary’s Customer Education team will be walking through Igor’s Canva Publish Extension to show how he built it, and better understand how to create deep connections between mutually beneficial systems via code. Together, we will dive into his scripts that use Cloudinary’s Node.js SDK, Express, and more.

Play the Episode

DevJams: Episode #18


Image Loading Enhancements with Cloudinary, Tailwind and Base64 Encoding

Kent Dodds is one of the foremost experts on JavaScript, authoring helpful blog posts and courses on the widely used programming language. He recently shared some techniques to improve his own blog’s image loading experience, which happens to use Cloudinary for several aspects of it. Becky and Sam from Cloudinary’s Customer Education team talked with Kent, walking through the processes he took to get a 100/100 on the “Cumulative Layout Shift” Core Web Vitals score for his blog. This conversation includes reviewing code scripts to understand his use of Tailwind’s aspect-ratio plugin, Cloudinary’s ability to load perfectly sized images and to handle Base64 encoding, and other important topics.

Play the Episode

DevJams: Episode #17


Retrieving Instagram Content, Delivering with Cloudinary

In this Cloudinary DevJams podcast episode, we talk with Joel Turner – Senior Product Engineer at Sprinkr! He demonstrates how he built a Gatsby plugin that uses Cloudinary to serve Instagram content on his blog. Our hosts and guest dive into all things open-source, as Joel is actively creating and sharing code on GitHub for Jamstack plugins and other projects he is authoring. Additionally, Joel recently migrated code from one React-based framework to another and shares his experiences, now publishing his blog on the Next.js framework. If you are interested in working with Instagram posts for future development projects, or building your own plugins, this is a DevJams episode you won’t want to miss!

Play the Episode

DevJams: Episode #16


Automating Podcast Audio Delivery with Cloudinary, Next.js and Sanity

Amy Dutton and James Quick host the popular Compressed.fm podcast, with amazing discussions on all things web development and design. To help deliver the episodes, they use Cloudinary’s APIs to customize their audio players and create promotional imagery in very innovative ways. Cloudinary’s Customer Education team sat down with Amy and James in this DevJams episode, walking through their podcast production efforts. They’ll showed their various code and scripts used to automate many of the aspects with tools like Next.js, Sanity and more.

Play the Episode

DevJams: Episode #15


Enhancing Image Delivery with Cloudinary, JavaScript Frameworks and Webhooks

As a developer evangelist for Adobe, Raymond Camden is always looking for new ways to enhance his image delivery methods on his personal website and projects. While investigating Cloudinary, he developed some awesome techniques for handling responsive images and delivery workflows via Pipedream-managed webhooks that could really help you! Raymond joined Becky and Sam from Cloudinary’s Customer Education team, discussing his recent projects with thorough code reviews. We covered a lot in this episode, diving into static site generators like Eleventy, Alpine.js and other JavaScript frameworks, remote media delivery via Cloudinary fetch and more!

Play the Episode

MX Matters: Episode #15


Including Marketing Teams in Headless Architecture Planning

While headless and composable architecture is the talk of the content industry, an intriguing trend has emerged. Due to its technical nature and need for novel uses of APIs, the transition to headless is frequently an engineering-driven effort. As a result, teams responsible for developing and publishing content—which frequently do not include developers or engineers—might feel left behind and asked to use a new system that seems inaccessible to them. In this episode of MX Matters, Elad Rosenheim, who is in charge of Stackbit’s developer growth efforts, speaks with Sam and Maribel from Cloudinary. Stackbit’s visual experience editing platform serves as a layer to give engineering and marketing teams the experiences they both require – development flexibility and a user-friendly publication interface. Elad explains how he and the Stackbit team are tackling this trend, and also delves deeply into a number of crucial subjects related to content authoring and structure. You won’t want to miss this episode if you’re thinking about switching to a headless environment, especially for your content-rich blogs, websites, and other key locations!

Play the Episode

DevJams: Episode #14


Optimizing Cloudinary Images in Markdown Files

Markdown is great for writing your next blog post, but including images in a web-friendly way is challenging. Thankfully, we can use information from Cloudinary’s APIs to modify our Markdown to display properly sized images! In this DevJams episode, we sit down with Brad Garropy, Developer Experience Engineer at Atlassian. He walks us through his open source project that uses libraries like Remark and Rehype to add width and height to Cloudinary-delivered images in Markdown files, as well as demystifies the topic of Abstract Syntax Trees (ASTs) for your next development project.

Play the Episode

DevJams: Episode #13


Building a Web3 Marketplace with Cloudinary and IPFS

Daniel Duan, who is the head of engineering at Legitimate, has helped build out a truly innovative Web3 marketplace. The Drops by Legitimate project allows artists to create non-fungible tokens (NFTs) for their physical products, such as paintings, photography and even wearable items. As the artists’ product images are delivered via Cloudinary, Becky and Sam from Cloudinary’s Customer Education team sat down with Daniel for this DevJams episode. They discuss all things related to the Drops project, including a walkthrough of how Cloudinary works with IPFS for optimized, accelerated image delivery through various caching mechanisms. If you are looking for a great developer-focused introduction to Web3, NFTs, cryptocurrency and the blockchain, you won’t want to miss this DevJams episode!

Play the Episode