Results for Tag ‘Next.js’

Live Demo GitHub Repository You’ve got a clean product image. Let’s say a black t-shirt. You want to sell it in eight different colors. Easy, right? Until you realize you need eight recolored versions that each have to be watermarked, optimized, and ready for your store. What if…

Static images are everywhere but in a fast, responsive web, they often get overlooked. Motion and intelligent layout adaptation are now expected, especially in marketing and product design. With Cloudinary’s Zoompan and Generative Fill, you can: Add smooth, cinematic motion with the Ken Burns–style Zoompan effect. Extend images automatically using…

GitHub Repository | Live Demo Product videos don’t just entertain, they convert. From Cloudinary’s Video Survey, in which we surveyed developers, marketers, and other business leaders, 54% view video as key for driving purchase and conversions. Interactive shoppable videos, specifically, are changing the way customers buy goods…

GitHub Repository | Live Demo You’re browsing an online course platform and hover over a lesson thumbnail. It shows an eight-second clip, just enough to pique your interest without forcing you to watch the entire video. Now you have to watch the rest. That’s the power of AI-powered…

Troubleshooting, tweaking, and tinkering — huge time-sucks for developers who don’t have any to spare. When you need a solution, you need it fast, without digging through endless documentation or waiting on support. That’s why Cloudinary’s DevHints video series delivers quick, actionable tutorials to help you solve your visual…

Manually summarizing videos can be time-consuming and inefficient, making it challenging to extract key information quickly. Copying and pasting video transcripts into a note-taking tool — or hunting down written summaries — is one way to go about it, but it’s not exactly efficient, or, let’s be honest, fun. This…

When you build a developer-focused site — whether it’s documentation, a personal blog, or a knowledge base — using MDX (Markdown with JSX) can streamline content creation and encourage community contributions. MDX is especially powerful in Next.js, thanks to the new App Router structure, which allows for file-based routing combined…

In this blog post, we’ll show you how to leverage Cloudinary’s face detection algorithm using Next.js. We’ll build a simple but fun demo of a virtual try-on app that showcases one of the many things you can do with this feature. But first, we’ll need to set up…

Creating engaging TikTok videos isn’t just about creativity; it’s about keeping up with fleeting trends. With over a billion active users on TikTok, every second counts. A slow-loading video can lose viewers’ attention in an instant, leading to lower engagement and higher…