Results for Tag ‘Next.js’

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…

As more and more people favor the convenience of online shopping, business owners turn to e-commerce platform builders, like Shopify, to sell more products. E-retail sales have surpassed 5.7 trillion dollars globally, and this number is only likely to rise in the upcoming years. In this blog post, you’ll earn…

In the realm of dynamic web applications, embedding videos can often seem like a challenge, particularly if you wish to do this while retaining control over the playing experience and customizing it to fit your brand. However, the task becomes a breeze in Next.js with the introduction of the Cloudinary…

In Part 1 of this two-part article, we’ll set up Supabase, Cloudinary, and our backend for data consumption with security. In Part 2, we’ll put everything together by looking at our Next.js 13 repository made for this article and its authentication concepts. Getting Started Note: Ensure…

Security is a critical functionality on websites and applications. The need to gate content to specific users is important, especially when creating an application that requires some form of authenticated user base and that user base’s ability to access certain data, not meant for general public use. This is a…