Back to projects
2025-now

Open source plugin

An open-source Sanity.io Studio Plugin designed to extend image asset management capabilities. The batch-upload-sanity-plugin-cloudinary solves a key developer limitation by enabling batch image uploads directly to Cloudinary CDN via the Sanity interface. This critical feature allows developers to leverage Cloudinary for cost-effective content delivery while streamlining content creator workflows.

Open source plugin

Overview

Project: batch-upload-sanity-plugin-cloudinary (Open-Source Sanity Studio Plugin)

Challenge & Motivation: During project development, a significant gap was identified in the Sanity Studio ecosystem: the existing integration with Cloudinary (a preferred CDN for cost-effective media delivery) did not support batch uploads of image assets. This forced content editors to upload images one by one, creating a major workflow bottleneck, especially for media-heavy sites.

Solution & Technical Implementation: This project is an open-source plugin for the Sanity Studio environment, coded to fill this missing functionality.

  • Batch Upload Feature: The plugin introduces a new interface element within the Sanity Studio, allowing users to select and upload multiple images simultaneously. These images are processed and securely sent directly to the configured Cloudinary CDN, resolving the workflow issue.
  • Cost Optimization: By forcing media assets through Cloudinary, the plugin helps developers and clients optimize content delivery costs, utilizing Cloudinary's powerful free tier or lower-cost plans, rather than relying solely on Sanity's default asset management which can be more costly at scale.

Open-Source & Future Development: As an open-source contribution, this plugin is available on npm for the entire Sanity developer community.

I built this not only to solve my own problem but to give back to the ecosystem. The project is currently functional but remains a work in progress, with planned optimizations focusing on improved error handling, upload progress feedback, and performance enhancements. Community contributions are welcome.

This project demonstrates strong technical initiative, a keen awareness of development costs, and dedication to the open-source community.

Technologies

TypeScript