Загрузка...

Is This A Better Way To Handle Images in Next.js?

Add TONS of features to the Next.js image component with this NEW package.

The Next Cloudinary package allows you to add all of the power of Cloudinary transformations (overlays, auto formatting, background removal, and so much more!) to the Next.js image component with just a few lines of code.

**Resources**
Cloudinary Next.js Package - https://next-cloudinary.spacejelly.dev/components/cldimage/basic-usage
This Week in React - https://thisweekinreact.com/
Polypane - https://polypane.app
Image Carbon (detect your image carbon footprint FOR FREE) - https://www.imagecarbon.com
Vercel Hosting (affiliate link) - https://vercel.com/ambassadors/jamesqquick

**SPONSORED BY CLOUDINARY**
https://cloudinary.com/

**DISCORD**
Join the Learn Build Teach Discord Server 💬 - https://discord.gg/vM2bagU

**STAY IN TOUCH 👋**
Newsletter 🗞 - https://www.jamesqquick.com/newsletter
Follow me on Twitter 🐦 - https://www.twitter.com/jamesqquick
Check out the Podcast - https://compressed.fm/
Courses - https://jamesqquick.com/courses

**QUESTIONS ABOUT MY SETUP**
Check out my Uses page for my VS Code setup, what recording equipment I use, etc. https://www.jamesqquick.com/uses

**TIMESTAMPS**
00:00 - Intro
1:12 - Intro to Next Cloudinary Package
2:50 - Cloudinary URL Transformations Overview
4:05 - Blur and Pixelate Effects
4:16 - Cloudinary Image Caching Explained
5:20 - Pixelate Blur Image Load Hack
6:15 - Color Transformations and Crops
7:05 - Overlay Transformations
8:00 - Background Removal
9:10 - Handling OG Images
10:55 - Shoutouts
12:30 - How I Built a Meme Generator with Cloudinary
15:00 - Wrap Up

Видео Is This A Better Way To Handle Images in Next.js? канала James Q Quick
Яндекс.Метрика

На информационно-развлекательном портале SALDA.WS применяются cookie-файлы. Нажимая кнопку Принять, вы подтверждаете свое согласие на их использование.

Об использовании CookiesПринять