Skip to content

RESOURCES / BLOG

Blog - Page: 89

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

Character Remover from video in Next.js

Topics (Image)CDN, Guest Post, Image, Next.js, Under Review, Video
Read Time

Introduction This article demonstrates how a human character can be extracted from a video using nextjs and TensorFlow. Codesandbox Check the sandbox demo on Codesandbox. You can also get the project GitHub repo using Github. Prerequisites Entry-level javascript and React/Nextjs knowledge. Setting Up the Sample Project In your…

Build Airbnb-style image cards with Chakra UI

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

Card components are a way to group and display related information into a container. Sometimes users can interact with them by clicking or tapping to see more details. In this article, we will learn how to build reusable, customizable, and responsive card component using Chakra UI. Sandbox The completed project…

Create a Robust Product Image Gallery in Next.js

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

Product images are an integral aspect of succeeding in the e-commerce industry. They can make or break sales. The images we use should demonstrate to the user what the product is and aid them in their decision to make a purchase. An image gallery is a useful tool that displays…

Build an E-commerce Product Image Zoom Lens in NuxtJS

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

Customers of modern e-commerce systems anticipate custom-made products and the ability to preview their purchases before making a purchase. This tutorial will utilize Nuxt to make a product image zoom lens that lets us zoom in on a product image while keeping the expected look and feel after purchase.

Static Maps Image Embedding with Google Maps

Topics API, Guest Post, HTML5, Image, Next.js, Under Review
Read Time

Static map images are independent images displayed on the web and mobile applications to pinpoint an exact location. These have become increasingly prevalent in applications because of their fast load rate and ability to be used anywhere our application can embed an image. Static map images are most common in…

Manage Open Graph Images in NextJS

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

Images are the modern internet’s eye candy. Images are employed to capture the user’s attention and spark their interest. With images, information appears uniquely, making it more appealing. Open Graph serves as a medium that extracts key points of a web application and creates a dynamic preview to increase user…

Easy document signing in NuxtJS

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

Signing documents is supposed to be an easy task that has become more than necessary as digital documents and remote work thrives. However, many apps make this by requiring you to download desktop apps or via heavy websites. Let us explore how to create a simple website to sign single-page…

Simulate a Streaming Event in Gatsby.js

Topics GatsbyJS, Guest Post, Javascript, Player Video, React, Streaming, Under Review
Read Time

Introduction Live streaming events have become more of the norm these past few years. They give a sense of urgency to your content, boost online interaction between you and your users, and help reach a wider audience. This tutorial will walk through handling video player events by building a live…

Generate a shipping label barcode image in NuxtJS

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

Since the invention of the barcode some years back, its usage has grown in popularity from being used in mini-marts for small-scale inventory to large-scale commercial purposes at shipping companies. A barcode is a strict square and rectangular box containing machine-readable vertical lines of different thicknesses. Numbers always come with…

Start Using Cloudinary

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

Sign Up for Free