Cloudinary Blog

Media + Jamstack = MediaJams, a Free Community Tool for Finding Sample Code for Media

New Cloudinary Tool MediaJams for Finding Use Cases and Sample Code for Media

For developers who constantly tackle programming problems and build solutions, finding answers through code in the wild can be a big time-saver. The Developer Relations Team at Cloudinary is proud to announce the community tool MediaJams, which aims to educate you on media with descriptions of typical use cases along with sample code for building them.

The name MediaJams is to highlight the tool’s focus on Jamstack, which involves the adoption of APIs and front-end programming for use cases that leverage video, images, and sound. MediaJams promises to be a big help in enhancing the media experience offered by web and mobile applications.

Here are examples of use cases whose sample code you can pinpoint with MediaJams:

  • Automatic generation of social-sharing images with Gatsby.js
  • Creation of photo galleries with automatic thumbnails in React.js
  • Setup of serverless uploads
  • Creation of video blogs in Next.js
  • Conversion of Nuxt.js images to PDF files
  • Creation of Discord Bots that generate GIF images with Node.js
  • Generation of business cards with Nuxt.js
  • Transformation of images to 3D canvases with React

Please share what you learn from MediaJams on social media with the #MediaJams hashtag. As more and more developers lend their insight, MediaJams will become a valuable pool of resources for building media-oriented apps.

MediaJams homepage

Cloudinary built MediaJams with a top priority of meeting the needs of the community of learners. Hence your input is paramount: we'd love to have your take on our features, things you'd love to see, or overall feel of the site. Do send us your comments through this feedback form.

To raise concerns, write to us at mediadevs@cloudinary.com.

In addition, join our MediaDevs community on Discord, where we share experiences, best practices, and technologies for building applications that capitalize on visual media.

Recent Blog Posts

Create Lightweight Sites With Low-Code and No-Code Technology

Consumers expect modern websites to be mainly visual. But, the more compelling and complex the related media is, the more data is involved, compounding the site’s weight. In today’s content-craving world, delivering unoptimized media can cost you because it leads to sluggish page loads, resulting in visitors abandoning your site in search of a faster alternative. In fact, a page load that takes more than three seconds can cause as many as 40% of your visitors to bounce. Given this competitive, digital-first environment, you can’t afford to lose page views, for time is of the essence.

Read more
A Blueprint for AWS-Secured Webhook Listeners for Cloudinary

tl;dr: An AWS-secured and optimized Cloudinary webhook listener for extending the Cloudinary service

Code: Github

A webhook is a communication medium for sending notifications from one platform to another about events that occurred. In place are user-defined HTTP callbacks that are triggered by specific events. When a triggered event takes place on the source site, the webhook listens to the event, collects the data, and sends it to the URL you specified in the form of an HTTP request.

Read more
New Accessibility Features for Cloudinary’s Product Gallery Widget

Cloudinary’s Product Gallery widget, which launched in 2019, has enabled many brands to effectively and efficiently showcase their products in a sleek and captivating manner, saving countless hours of development time and accelerating release cycles. By adding Cloudinary’s Product Gallery widget with its customizable UI to their product page, retailers reap numerous benefits, often turning visitors into customers in short order.

Read more
Why Successful Businesses Engage With and Convert Audiences With Visual Media

Most business buyers prefer to research purchase options online, as do many shoppers. No wonder online retail sales in the U.S. rose by 32.4% in 2020—an impressive gain of $105 billion.

For B2B and B2C businesses, text-heavy websites are no longer adequate in attracting shoppers. Instead, engaging visual media—spin images, videos, 3D models, augmented reality—are becoming a must for conveying eye-catching details and differentiators about products or services.

Read more
Making User-Generated Content (UGC) Shoppable With Cloudinary

User-generated content (UGC) is a powerful marketing tool. Not only does video complement marketing efforts for e-commerce by enabling customers to explore products in greater detail, but UGC also adds an element of trust. As a bonus, user-generated video is an exceptional opportunity for e-businesses to attract website traffic without their marketing team having to create promotional videos from scratch. User-generated content drives conversions and brand loyalty as a direct result of authentic interaction.

Read more