DEV Community

Boluwatife
Boluwatife

Posted on

I built a Free "Media Command Center" for Developers (Better than Imgur)

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:

  1. Drag & Drop images from your phone or laptop.
  2. Auto-Optimize them for the web (Next.js ready).
  3. 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
);
Enter fullscreen mode Exit fullscreen mode

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)