> ## 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. # Programmatic asset management tutorials 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 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 window.addEventListener('DOMContentLoaded', function(){ var vidId = "Install_Configure_Laravel_fixed"; var publicId = "training/" + vidId; var posterImage = "https://res.cloudinary.com/cloudinary/video/upload/so_21.0/c_fill,h_130,w_224/bo_2px_solid_black/" + publicId + ".jpg"; var vtstring = window.buildTutorialVideoTag(publicId, {width: "90%", id: vidId, onmouseover: "preview(this)", onmouseout: "pause(this)", muted: true, loop: true, poster: posterImage, transformation: [{effect: "accelerate:100", height: 130, width: 224, crop: "fill", audio_codec: "none"},{border: "2px_solid_black"}]}); document.getElementById("laravel_install_configure_tutorial").innerHTML = vtstring; }); 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. ## 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 images from pages of a PDF 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