Hosting an event with cool merch? Running a printing business? In this article, we review how we can create a t-shirt design visualizer with some dynamic features such as color options.


Clothing Design Visualizer

In this Mediajam, we’ll explore a simple way to receive and display the tweets in real-time as they are sent using Pusher, Zapier, and Cloudinary.


Realtime tweets visualizer with Pusher and Zappier

This post discusses creating custom video adverts using Cloudinary and Nuxt. 

Create custom video ads in NuxtJS

This article addressed triggering a feedback form on video Completion in Nuxt.js. Once a video has finished playing, we render a feedback form to receive the user's input/feedback.



Trigger a Feedback Form on Video Completion in Nuxtjs

This article will look at how to fetch, transform, and optimize hosted images in Nuxt.js using cloudinary

Optimize and Deliver Hosted Images in NuxtJS

Creating a pie chart data visualization organizes complex, unorganized datasets in an organized and visual way that is easy for the users to understand. 

Create a Pie Chart in NuxtJS

The creation of an article banner generator gives a pictorial representation of its body that allows you to dynamically select an image of your choice, write some text on it, change the background, and text color.

Create an Article Banner Generator

Encoding Google calendar invites into a QR code for your event makes it possible to embed digital data in text, links, tickets for concerts, and other use cases, thereby making use of a mobile device to translate the image into text for the user.

Encode Calendar Invites in a QR Code in NuxtJS

Open Graph is an internet protocol created by Facebook that uses metadata in your code to enable your website to become a rich object on a social graph.

This article explores how to manage Open Graph images on your NuxtJS website.

How to Add Open Graph Images in NuxtJS

This article addresses how to build an e-commerce product image zoom lens in NuxtJS.

Build an E-commerce Product Image Zoom Lens in NuxtJS

Learn how to handle image asset bundling with Vite in Vuejs. Vite is a build tool that aims to provide a faster and leaner development experience for modern web projects.

Handle Image Asset Bundling using Vite in Vuejs

Embed a video player in your project, handle player events like play, end, etc., with Cloudinary and finally add Netflix-Esque transitions with framer motion.

Adding Netflix-style video overlays Transitions with NuxtJS

Image placeholders are a lightweight version of an image that gives the user the impression of a load time, which comes in different forms whether it is pixelated, vectorized, and so on before the target or original image is displayed.

Create Image Loading Placeholders

Let's build a simple drag and drop component in Vue using the `vuedraggable` package.

Implement Drag and Drop on Images in Vue

Create a holiday card generator using Nuxt.js and Cloudinary

Create a holiday card generator in Nuxt.js

Whenever we need to deliver image content to our users, depending on business requirements and the user’s device configurations, we may need to switch formats. This is especially true for image/PDF formats. In this article, we review how we can easily achieve this.

Nuxt.js Image to Pdf Converter

Every business always has a change in staff on an annual basis. Contacting the graphic designer for new designs and new cards is always a hustle. In this article, we review how we can develop a digital business card generator to remove the hustle from this process.


Digital business card generator using NuxtJS

According to Stack Overflow 2020 survey, Vue.js was one of the Most Loved Web frameworks of the developers. In this media jam, we will see how to upload an image to Cloudinary with a drag and drop operation.

How to Upload Images in Vue.js with Drag N Drop

This article demonstrates how to track image impressions using Intersection Observer API and store impression counts in your browser’s local storage.

Track Image Impressions in LocalStorage and NuxtJS

Embed video players in your project with the Cloudinary API and learn how to handle player events to create Netflix-esque transitions with Vue2-animate library.


How to implement YouTube Post Video Transitions

This article will show how to create a bar chart in NuxtJS

Create a Bar Chart in NuxtJS

Video optimization is essential in today’s media, as it helps reduce file sizes and loading times before reaching users’ devices. You don’t want a high bounce rate when users visit your platform if the video size is heavy and takes too much time to load.

Add Optimized Video to Documentation in VuePress

This post will discuss how to quickly build an Instagram stories experience using Cloudinary and Nuxt.js.

Build an Instagram Stories Experience

This article explained how to autoplay a video using the intersection observer in nuxt.js and cloudinary to enhance user experience.

Autoplay Video with Intersection Observer

In this Media Jam you will learn how to create a video player with custom controls and event handling in Vue.js.

Creating a Custom Video Player in Vue.js

Blur out Text in Images Using OCR in NuxtJS

Create a video player and handle player events like onEnded with Cloudinary to implement a YouTube-style post-video completion CTA

Create a YouTube-Style Post-Video Completion CTA

This post will discuss how to build a customizable product component using Nuxt.js and Cloudinary.