> ## Documentation Index
> This page is part of the Image and Video APIs product. Fetch the complete documentation index for Image and Video APIs at: https://cloudinary.com/documentation/llms-image-and-video-apis.txt?referrer=docpage and then use it to discover all relevant pages before exploring further.
> If your task extends beyond this product, fetch the top-level index covering all Cloudinary products and topics at: https://cloudinary.com/documentation/llms.txt?referrer=docpage

# Optimization and delivery tutorials

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

## Programmatic optimization

[Optimization Tips](optimization_tips_tutorial)

Tips for delivering optimized images

[Optimize Images in React](optimize_images_in_react_tutorial)

Reduce image file sizes with automatic optimization

[Optimize Videos in React](optimize_videos_in_react_tutorial)

Optimize delivery of videos in a React app

[Transform and Optimize Images in Svelte](transform_images_svelte_tutorial)

Transform and optimize images delivered in a Svelte app

[Optimize Videos in Next.js](optimize_videos_nextjs_tutorial)

Optimize delivery of videos in a Next.js app

[Next.js Image Optimization](nextjs_image_optimization_tutorial)

Optimize and crop images with CldImage

[Optimize Images with Nuxt](nuxt_image_optimization_tutorial)

Optimize images in Nuxt with Nuxt Cloudinary

[Optimize Images in SolidJS](solidjs_image_optimization_tutorial)

Optimize images in SolidJS with Cloudinary

[Optimize Images in Flutter](optimize_images_in_flutter_tutorial)

Optimize the delivery of images in a Flutter app

[Optimize Images in Laravel](cloudinary_laravel_image_optimization_tutorial)

Optimize images in Laravel with Cloudinary

## Programmatic delivery

[Using the Next.js Image Component](nextjs_image_component_tutorial)

Deliver images using the Next.js Image component

[Using the Nuxt Image Component](nuxt_image_component_tutorial)

Deliver images using the Nuxt Image component

[Diagnosing Error Codes](diagnosing_error_codes_tutorial)

Diagnose common errors you may encounter while delivering media

## Video Player

[Video Player in HTML](video_player_html_tutorial)

Embed the Cloudinary Video Player in HTML

[Embedding Videos in Next.js](nextjs_embedding_videos_tutorial)

Use the Cloudinary Video Player to embed videos using Next.js

[ABR Streaming in Next.js](nextjs_adaptive_bitrate_streaming_tutorial)

Add adaptive bitrate streaming to a Next.js app

[Video Player in React](video_player_react_tutorial)

Embed the Cloudinary Video Player in a React app

[Video Player in Svelte](video_player_svelte_tutorial)

Embed the Cloudinary Video Player in a Svelte app