Programmatic Asset Management Tutorials

Image & Video APIs

Documentation Index

Fetch the complete documentation index at: https://cloudinary.com/documentation/llms.txt

Use this file to discover all available pages before exploring further.

Last updated: May-10-2026

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

On this page:

Image onboarding
Programmatic upload
Direct interactions with the Cloudinary APIs
Cloudinary SDKs
Cloudinary CLI
Widgets and tools

Image onboarding

Programmatic upload

Upload Programmatically

Use a Cloudinary SDK to upload media assets

Upload with Fetch API

Upload images using JavaScript's Fetch API

Create Upload Presets (Node.js)

Streamline media uploads using signed upload presets

Create Upload Presets in the Console

Create and configure upload presets using the Console UI

Auto Upload

Automatically upload remote images and videos to Cloudinary

Moderate Images with AI

Moderate images automatically during upload in Node.js

Generate Image Captions

Automate alt text generation in a Next.js app

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

Auto-Tag Images in Node.js

Tag assets automatically during upload with AI in Node.js

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

Auto-Tag Images in Python

Use AI to auto-tag uploaded images with the Python SDK

Upload Videos in Python

Upload videos to Cloudinary using the Python SDK

Upload Images in PHP

Upload images to Cloudinary using the PHP SDK

Upload Images in Go

Upload images to Cloudinary using the Go SDK

Upload Assets in React

Upload assets using the Upload widget in a React app

Upload Assets in Vue.js

Upload assets using the Upload widget in a Vue.js 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

Upload Images in Astro

Upload images from an HTML form in Astro.js

Upload Images in Hono

Upload images to Cloudinary in a Hono environment

Use a Webhook to Remove Backgrounds on Upload

Use a webhook notification to remove image backgrounds on upload

Upload Images in Laravel

Upload images in Laravel with Cloudinary

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 Angular SDK

Install and configure the Cloudinary Angular 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

Get Started in Node.js

Get started with Cloudinary in Node.js, including setup and image optimization

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 PHP SDK

Install and configure the Cloudinary PHP SDK

Configure the Laravel SDK

Set up Cloudinary in your Laravel application

Configure the Go SDK

Install and configure the Cloudinary Go 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

Lazy Load Images with Next.js

Improve website performance with lazy loading using the Next.js SDK

Image Fallbacks with JavaScript

Use JavaScript to display a placeholder when an image fails to load

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.

Image Gallery with Astro

Build an image gallery using Astro Collections and Cloudinary

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

Upload with the CLI

Apply background removal to images on upload

Widgets and tools

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

VS Code Extension

Manage assets directly from your IDE

✔️ Feedback sent!

✖️

Error

Unfortunately there's been an error sending your feedback.

Rate this page:

Documentation Index

Programmatic asset management tutorials