As a Full-Stack Engineer, I got tired of paying for image hosting or dealing with complex S3 buckets just to host screenshots for my blog.
So, I built my own Media Command Center.
It is a secure, high-performance interface that connects directly to Cloudinary’s free tier. It allows you to:
- Drag & Drop images from your phone or laptop.
- Auto-Optimize them for the web (Next.js ready).
- One-Click Copy the Markdown URL for your projects.
The Tech Stack
I built this using Next.js App Router and Server Actions to keep the API keys secure.
Here is a snippet of the secure signing logic I used:
// Secure Signature Generation
const signature = cloudinary.utils.api_sign_request(
{ timestamp, folder: "blog_assets" },
process.env.CLOUDINARY_API_SECRET
);
Try it out (Exclusive Access)
I decided to make the tool public for other developers, but I added a security gate to prevent bot spam.
You can access the live tool here:
👉 Launch Media Command Center
Use this Access Key to unlock the interface:
access!granted#
Feel free to upload a test image to see how fast the optimization works!
Top comments (0)