Programmable Media

Programmatic asset management tutorials

Last updated: Nov-13-2024

This page offers a library of short video tutorials showing how to use Cloudinary programmatically.

Programmatic upload

Upload Programmatically
Use a Cloudinary SDK to upload media assets
Create Upload Presets
Streamline media uploads using signed upload presets
Auto Upload
Automatically upload remote images and videos to Cloudinary
Auto-Tag Assets
Tag assets automatically during upload with AI in Node.js
Moderate Images with AI
Moderate images automatically during upload in Node.js
Upload Images in Flutter
Upload images to Cloudinary using the Upload API
Upload Images in Node.js
Upload images to Cloudinary using the Node.js SDK
Upload Multiple Files in Node.js
Upload multiple files to Cloudinary using the Node.js SDK
Upload Videos in Node.js
Upload videos to Cloudinary using the Node.js SDK
Upload Images in Python
Upload images to Cloudinary using the Python SDK
Upload Videos in Python
Upload videos to Cloudinary using the Python SDK
Upload Assets in React
Upload assets using the Upload widget in a React App
Drag-and-Drop Uploads in React
Drag-and-drop to upload in a React App
Upload Assets in Next.js
Upload assets to Cloudinary using the Next.js SDK
Upload Assets with Server Actions
Upload assets to Cloudinary using Next.js Server Actions
Upload Assets in Svelte
Upload assets to Cloudinary using the Svelte community library
Upload Assets in SvelteKit
Upload assets using the Upload widget in a SvelteKit App
Upload Assets in Remix
Upload assets using the Upload widget in a Remix App
Use a Webhook to Remove Backgrounds on Upload
Use a webhook notification to remove image backgrounds on upload

Direct interactions with the Cloudinary APIs

Generate Upload Signature
Generate a timestamp and signature for a signed upload
Postman Collections
Get set up with the collections and make your first request

Cloudinary SDKs

Find your credentials
Find your Cloudinary credentials for APIs and SDKs
Configure the JavaScript SDK
Install and configure the Cloudinary JavaScript SDK
Configure the React SDK
Install and configure the Cloudinary React SDK
Configure the Flutter SDK
Install and configure the Cloudinary Flutter SDK
Configure Svelte Cloudinary
Install and configure Svelte Cloudinary
Configure the JavaScript SDK in Svelte
Install and configure the Cloudinary JavaScript SDK using Svelte
Configure the Node.js SDK
Install and configure the Cloudinary Node.js SDK
Configure the Python SDK
Install and configure the Cloudinary Python SDK
Configure the Vue.js SDK
Install and configure the Cloudinary Vue.js SDK
Configure the Next.js SDK
Install and configure the Cloudinary Next.js SDK
List images in Next.js
List images using the Next.js app router and Node.js SDK
Captioning on Upload with Node.js
Save auto-generated captions to use as alt text with Node.js
Delete Assets with Node.js
Delete assets using various methods from the Node.js SDK
Manage Images in a Django App
Use Django helper methods to upload, transform, and display assets.

Cloudinary CLI

Get Started with the CLI
Set up the CLI and get familiar with some basic commands
Scripting with the CLI
Use a script to create an animated GIF
Get Creative with the CLI
Create an image sprite from pages of a PDF
Upload with the CLI
Apply background removal to images on upload

Widgets

Upload Widget
Embed an Upload Widget in your site
Product Gallery
Embed a Product Gallery in your Web or WordPress site
Product Gallery in React
Embed the Cloudinary Product Gallery in a React app
Product Gallery Accessibility
Provide keyboard controls, alt-text for screen readers, and more

Administration

Enable Automatic Backup
Automatically back up your uploaded assets
Restore Asset Versions
List, preview and retrieve previous versions of an asset
Restore Deleted Assets
Find and restore deleted assets from backup

✔️ Feedback sent!

Rate this page: