Programmable Media

Optimization and delivery tutorials

Last updated: Feb-26-2024

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

Programmatic optimization

Optimization Tips
Tips for delivering optimized images
Optimize Videos in React
Optimize delivery of videos in a React app
Transform and Optimize Images in Svelte
Transform and optimize images delivered in a Svelte app
Optimize Videos in Next.js
Optimize delivery of videos in a Next.js app
Optimize Images with Nuxt
Optimize images in Nuxt with Nuxt Cloudinary
Optimize Images in SolidJS
Optimize images in SolidJS with Cloudinary
Optimize Images in Flutter
Optimize the delivery of images in a Flutter app

Programmatic delivery

Using the Next.js Image Component
Deliver images using the Next.js Image component
Using the Nuxt Image Component
Deliver images using the Nuxt Image component
Diagnosing Error Codes
Diagnose common errors you may encounter while delivering media

Video Player

Video Player in HTML
Embed the Cloudinary Video Player in HTML
Embedding Videos in Next.js
Use the Cloudinary Video Player to embed videos using Next.js
Video Player in React
Embed the Cloudinary Video Player in a React app

✔️ Feedback sent!

Rate this page: