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

Start learning Write review
Boot.dev Ad

Learn Backend Development Part-Time, Online

Learn More → Corporate Finance Institute Ad

Learn Excel and Financial Modeling the Way Finance Teams Actually Use Them

Learn More →

Overview

Google, IBM & Meta Certificates – 40% Off
One Coursera Plus subscription covers most Professional Certificates on Coursera.
Unlock All Certificates
Learn to use Cloudinary’s API and Next.js library to optimize images in a web project. The walkthrough also demonstrates removing image backgrounds, adding underlays and text overlays, and generating an Open Graph image.

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

Start learning

Never Stop Learning.

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

Sign up for free
Someone learning on their laptop while sitting on the floor.