Skip to content

RESOURCES / BLOG

Blog - Page: 96

Get the latest news on the Cloudinary platform, solutions, and showcases.

Build an Image Compressor with Next.js

Topics Compression, Guest Post, Image, Next.js, Performance, Under Review
Read Time

Several techniques have been adapted over time to optimize images, one of which is image compression. In this article, we will build an app that uses an image compression module to compress images and display the resulting size. As bonus steps, we will add the options to communicate with a…

Recording video interviews using NuxtJS

Topics Guest Post, NuxtJS, Under Review, Video
Read Time

Objective Since the pandemic began, usage of in-person meetings has become less preferential. For interviews as well, we mostly shifted to video conference services such as Zoom calls. The challenge is that this can be difficult to schedule with over 50 candidates for a single position. Let us explore how…

Real-time product-auction NuxtJS app & Supabase

Topics (Image)CDN, Guest Post, Image, NuxtJS, Under Review
Read Time

Public competitive sales have always been a key component of our society from expensive jewelry to salvage cars. Having auctions online allows us to reduce costs while increasing the geographic limits of our attendees. In this article, we explore how we can build a real-time app to enable live product…

Video merging with NextJS

Topics Guest Post, Next.js, Player Video, Under Review, Video
Read Time

Introduction This Mediajam demonstrates how to merge two videos using nextjs. Codesandbox The final demo on Codesandbox. You can get the project GitHub repo using Github. Prerequisites Entry-level javascript and React/Nextjs knowledge. Setting Up the Sample Project Use the command npx create-next-app videomerge to create a new Next.js…

Simulating a live stream in NuxtJS

Topics Guest Post, NuxtJS, Player Video, Under Review, Video
Read Time

Objective Many events nowadays such as product launches occur online nowadays. You want to give your attendees a live-event feeling however to make the most of the time, you want to pre-edit the video as well. Let us learn how we can simulate live streaming pre-recorded content to achieve this.

Making a Picture Heatmap

Topics Guest Post, Image, Javascript, React, Under Review
Read Time

Sometimes we want to focus on specific parts of an image to figure out what’s going on. This might involve looking at different quadrants of an image to see what the special features are. That can be done with machine learning or user input. In this post, we’re going to…

Automatic Social Share Images

Topics (Image)CDN, Guest Post, Image, NuxtJS, Under Review
Read Time

Social media is amongst the main sources of website traffic this day. We are always engaging our users to share content as much as possible. Let us learn how we can ensure our websites look elegant when shared by dynamically generating relevant social sharing images. Codesandbox The final project can…

How To Make A Custom Video Player

Topics GraphQL, Guest Post, React, Under Review, Video
Read Time

Seeing videos on the web is expected at this point. It’s one of the methods we use to teach ourselves new things or entertain ourselves. With videos being used so commonly, it’s important for us to make good user interfaces for them. When your users are interacting with videos, you…

Working with User Profiles on a Blockchain

Topics Guest Post, Image, Javascript, React, Under Review
Read Time

There might be a situation where you want to be able to store user profiles on an Ethereum blockchain so that you can make sure to track every update that’s made. This might be to ensure that NFTs are always associated with the proper creator. It could also be to…

Start Using Cloudinary

Sign up for our free plan and start creating stunning visual experiences in minutes.

Sign Up for Free