Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

YouTube

Better Images in Next.js with Cloudinary

Learn With Jason via YouTube

Overview

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.

Syllabus

- 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

Taught by

Learn With Jason

Reviews

Start your review of Better Images in Next.js with Cloudinary

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.