Skip to content

RESOURCES / BLOG

Blog - Page: 93

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

Upload Images Using Drag and Drop API (2/2)

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

It’s one thing to create a beautiful drag and drop feature that allows you to select multiple images at once and quite another to upload multiple files to Cloudinary. Well, who says you can’t do both? This is the second of a two-part series. In this article, I will show…

Embed a YouTube Player into a React App

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

YouTube is a video-sharing platform owned by Google. The YouTube team offers an API that can be used to integrate the YouTube video playback experience into web applications. In this post, we will go through the process of embedding a YouTube player in a React application. We’ll build…

Using static image in Gatsby-plugin-image

Topics GatsbyJS, Guest Post, Image, React, Under Review, Upload
Read Time

It can be challenging to manually add responsive images to our site while retaining excellent performance rankings. The Gatsby Image plugin takes care of the difficult elements of creating images in a variety of sizes and formats. This article will discuss how to use hosted and local images in Gatsby…

Adding google analytics to a video in NuxtJS

Topics API, Guest Post, HTML5, JAMStack, NuxtJS, Player Video, Under Review
Read Time

User insights are among the most powerful tools we can use to grow our business website and, by extension, our business. They allow us to understand our audience, their demographics, and more importantly, what they expect from our website. What we will be building This post will discuss how to…

Handle adaptive bitrate streaming

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

Media streaming has become a popular medium to pass on information in today’s society. With live and on-demand streaming options on the rise, technologies or techniques like adaptive bitrate streaming have been designed to ensure that the media is delivered in the most efficient way possible. What is Adaptive Bitrate…

Handle Image Asset Bundling using Vite in React

Topics CSS, Guest Post, Image, JAMStack, Optimize, React, Under Review
Read Time

Vite is a frontend toolkit providing robust features to build scalable web applications. In this article, you’ll learn: What Vite is, and how it works. Setting up your Vite app. How to handle image asset bundling with Vite. Building the Vite images React gallery. The completed project is on Codesandbox.

Image showing mural made from legos representing how vite images assets can be bundled

Creating video slideshows in NuxtJS

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

Purpose Adding subtitles seems automatic when using video players but is a complex task when we have to do it in our own apps. Let us learn how we can easily do them without requiring expensive software or server-driven solutions. Codesandbox The completed project is available on Codesandbox. You…

Video thumbnail with preview on hover in Nuxtjs

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

Popular video streaming platforms like Netflix, Hulu, Youtube, e.t.c; give users an option to watch previews of listed videos while hovering. This feature helps users save time by watching preliminaries and quickly determining if it is relevant to them before watching it. This post will discuss creating video thumbnail previews…

Create an Article Banner Generator

Topics Guest Post, Image, JAMStack, NuxtJS, Under Review, Vue
Read Time

The idea of a blog article banner gives a pictorial representation of its body. This post discusses implementing an article banner generator that allows us to dynamically select an image of our choice, write some text on it, change the background and text color. We will use Nuxt.js as…

Start Using Cloudinary

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

Sign Up for Free