Blog

Have you ever clicked on a video and a black rectangle is staring back at you? No thumbnail, no controls, just emptiness. That’s the default HTML5 <video> experience, and it makes your content feel unfinished before the user even presses play. In this guide, we’ll fix that. You’ll build a…

Today’s shoppers rarely buy a product after seeing a single image. They expect to watch products in action through demos, UGC, and short-form videos that help them make more informed decisions. That shift has transformed video from a supporting marketing asset into a critical part of the e-commerce experience. Video…

Building your first web app feels great. The code works. The layout looks clean. Your idea starts to feel real. Then you reach one feature that changes everything: Image upload. When a user selects an image with a standard file input, that file still lives on their device. <…

Stop exposing your API Secret. Here’s how to do image uploads the right way. Live demo: nextjs-secure-image-uploads.vercel.app Full source: github.com/musebe/nextjs-secure-image-uploads The Problem Every Developer Runs Into Production apps need to prove that an upload request came from your app, not a third party. The way to do that…

Managing video can feel challenging. Files are way too large, uploads time out, and progress feedback is nonexistent. Most tutorials hand you a library that hides everything, which means when something breaks, you have no idea why. In this guide, we’ll build a complete video upload and gallery app using…

The Cloud to Crowd (C2C) curriculum is Cloudinary’s free six-course learning suite for developers who want to build and ship applications with production-quality image and video handling. It covers everything from Cloudinary basics to AI-powered transformations paired with hands-on projects at every step and a free certificate when you complete…

Blog grids are much more visually appealing when every cover image is the same shape, but uploaded images rarely match. One image may be wide, another may be tall. Another may be square. When those images are arranged in a grid, the layout can look uneven. In this guide, you’ll…

GitHub repo: https://github.com/musebe/react-travel-gallery Live demo: https://react-travel-gallery.vercel.app Building upload features in React sounds simple at first: add file input, add previews. Then users want drag-and-drop, progress bars, retries, and support for multiple files at once. Your beginner project has now snowballed into an even bigger one. In this guide,…

A fast Astro portfolio helps showcase your work without sacrificing page performance. In this tutorial, you’ll learn how to build a high-performance Astro site using Cloudinary’s automated image delivery to deliver responsive images that load quickly across devices. Live Demo: https://my-portfolio-navy-two-o6ync5ksvm.vercel.app/ GitHub Repo: https://github.com/musebe/my-portfolio The Problem: ‘Image…