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
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
nextjs image component next js next js image optimization next.js tutorial image optimization cloudinary cloudinary overlays cloudinary transformations use cloudinary with nextjs nextjs og image nextjs 13 javascript how to optimize images in nextjs cloudinary transformations api use cloudinary with react
Комментарии отсутствуют
Информация о видео
20 апреля 2023 г. 20:02:50
00:15:28
Другие видео канала