Image performance is a critical part of building accessible and engaging experiences for the web. Automatically optimize and transform images, easily create Social Media Cards, and drop in file uploading to your app, all at scale, with Next Cloudinary.
Been watching you a lot a while ago @colbyfayock on YouTube and I'm very happy that I found you here !
As your videos are, I'm convinced that this is also well built.
Congrats and keep going ! You rock!
Super excited to launch my first real OSS library! 🕺
Images are a critical component of the web and while the Next.js Image component is amazing, this takes it way further with Cloudinary tech, including background removal, dynamic cropping and resizing, color replacement, and loads of other transformations.
The library even goes beyond simple Images, where I have a CldOgImage component that makes creating social cards as easy as a few props, and the CldUploadWidget, which gives you the ability to add drop-in support for uploading files in your app.
This integration is especially important with the latest Next.js 13 release, as they did away with the global loader configuration, so using this component will make it super easy to level up your image game when using Cloudinary. It works by wrapping the Image component and passing in a custom loader, abstracting all of this behind the scenes, so you don't have to think about it at all.
Only pre-requisite here is a Cloudinary account which has a generous free tier!
Looking forward to people playing around with this. Would love to hear your thoughts, future feature ideas, and anything else. Feel free to also poke your head in the GitHub project and submit ideas there (and give a warm Star 🤩).
@colbyfayock congrats on the launch! I'm a long-time Cloudinary user, and also a big fan of Next.js -- so I'm really happy to see this coming around. The ergonomics of your API design look great... just what I'd expect for building out my sites. I'm looking forward to updating my site and reaping the benefits of your hard work.
Thank you!
Sessions
Image Carbon: Optimize & Save the Planet
Image Carbon: Optimize & Save the Planet
Always SMPL
Image Carbon: Optimize & Save the Planet
Flex-Worthy Templates
Image Carbon: Optimize & Save the Planet