Better Images in Next.js with Cloudinary

Explore image optimization in Next.js using Cloudinary in this comprehensive 1-hour 25-minute video tutorial. Learn about Cloudinary's powerful transformation APIs and how they can streamline your image management process. Discover how automation can save money and enhance user experience. Follow along as the instructor demonstrates easy image optimization using the Cloudinary API, integrates Cloudinary with Next.js, and utilizes a custom optimization library. Explore advanced features like background removal, underlays, text overlays, and generating Open Graph images. Gain practical insights into improving your Next.js projects with efficient image handling techniques.

- Welcome
- Who is Colby Fayock?
- A high-level overview of Cloudinary
- How Cloudinary helps run Learn with Jason?
- The great equalizers and undifferentiated labor
- Let's learn about Colby's project
- How automation saves you money and increases the experience for your users
- Super easy image optimization example with the Cloudinary API
- Let's get started with Cloudinary and Next.js
- Using Colby's Cloudinary optimization library
- Swapping the image tag for our optimized component
- Removing the background from our image
- Exploring other props in the docs
- Using underlays
- Overlaying text
- Generating a super simple Open Graph image
- Finding Colby Fayock on the internet