Skip to content

RESOURCES / BLOG

Blog - Page: 101

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

Build an Instagram Stories Experience

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

According to Instagram, the engagement on the platform has ballooned to an average of 30 minutes per day since the introduction of stories. It enables users to post and view highlights about their activities. Stories are so popular that they are used on major social media platforms like Facebook,…

Build an Image Gallery

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

In this Media Jam, we will build an Image Gallery and use the Next.js Image component to optimize the images fetched from the Pexels API. This gallery will show the list of curated photos by the Pexels team, and has a dynamic route to them. The users will also be able…

Building a Virtual Beat Box in Redwood

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

Sometimes you don’t need to make a serious app to practice your JavaScript skills. We’re going to play with a full-stack music app! It’ll be a virtual beat box that you can make music with and store it in a database. Setting up the app We’ll just jump in and…

Building a Youtube-Style Post-Video Overlay CTA

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

When you watch a YouTube video, at the end, some cards appear on the screen suggesting other videos to watch. This article is going to walk through managing video events to create a similar experience for videos in React.js. Sandbox We completed this project in a Codesandbox and it’s…

Building Serverless Upload for Images

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

Static sites (or Jamstack sites) are great in many ways, from performance to scalability. Instead of creating and maintaining a massive monolith web server, we now can easily split it to directly dealing with microservices APIs from the client-side only. While it is more straightforward working with APIs, there is…

Create Image Loading Placeholders

Topics Guest Post, Lazy Loading, NuxtJS, Performance, Under Review, Vue
Read Time

In today’s world, where optimization and loading time is crucial for websites, loading placeholders are developed to improve the waiting experience of users on a webpage. This article will discuss how to create a loading placeholder image that shows a lightweight version of an image, whether pixelated, blurry etc., before…

Building a Video Blog

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

Blogs are public websites or spaces to express thoughts through text, audio, pictures, or video. When a blog’s content is primarily in video form, it is referred to as a video blog or sometimes a “vlog”. In this article, you will learn how to build a video blog in Nuxtjs.

Build an Avatar Image Generator

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

A user’s avatar represents their identity and is one of the most frequently used UI elements. Despite it being a small-sized object, it has enormous power when used in websites and other web applications. Web applications like this that allow personalization enhance the user’s experience and establish a bond between…

Building An Answering Machine

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

During non-working hours, it makes sense to route phone calls to an answering machine as opposed to leaving the phone unattended ringing at all times. Let us see how we can create a phone answering machine that records the phone calls and allows easy access. Codesandbox The completed project is…

Start Using Cloudinary

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

Sign Up for Free