Results for Tag ‘Next.js’

In a composable website, functionality is broken down into independent components, allowing for better flexibility and scalability. This modular approach changes how websites are designed, developed, and maintained. By embracing composability, you build robust and adaptable systems that meet modern standards. In this post, you’ll see how Cloudinary comfortably fits…

Videos capture attention and tell stories in a way that text simply can’t. Reaching a wider audience with video means businesses should plan to increase accessibility for viewers who are deaf or hard of hearing by providing subtitles. In this blog post, we’ll walk you through how to generate automatic…

This blog post introduces a developer-friendly approach to client-side media handling challenges, leveraging Next.js App Router for video uploads to Cloudinary.  The complete source code of this project is on GitHub.  Working With Next.js…

TikTok is one of the biggest social media platforms in the world for sharing video content. Users create short-form videos to entertain their viewers, but they often have to find tools to customize and resize their videos to suit TikTok. Imagine building a tool that allows users to customize their…

Adding video engagement metrics to your video dashboard provides valuable insights into the success of your video content. This tutorial will guide you through adding engagement metrics to your video dashboard using the Cloudinary video analytics library in a Next.js application. You’ll add the following engagement…

If you’ve ever added file uploading to a web application, you know it can be a tricky endeavor. There’s a lot of work involved with providing a good user experience for uploading images on both the backend and frontend of a web application. Thankfully, along with all the other great…

Designing a website entails overseeing an extensive collection of visuals. Managing this diverse range of images while keeping them current presents a significant challenge for development teams. In this blog post, we’ll address a typical UI pattern where users can interact with images in a gallery through client-side navigation or…

Delivering an optimal image experience tailored to each user’s device and screen size is crucial. Responsive images are a key technique ensuring images load quickly, maintain crisp quality, and adapt seamlessly across various viewports. This blog post explores what responsive images are, how to implement them in a framework such…

The Next Cloudinary library, created and maintained by my good friend Colby Fayock, allows you to easily use components out of the box within the library with these features: Automatically optimize images and videos and deliver in modern formats. Remove backgrounds from images. Dynamically add image and text…