14

Next Cloudinary - High-performance image delivery and uploading in Next.js | Pro...

 1 year ago
source link: https://www.producthunt.com/posts/next-cloudinary
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.

Next Cloudinary

High-performance image delivery and uploading in Next.js

Free Options
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.
HunterMaker
Maker
Maker
Upvoter
Upvoter
Upvoter
Speech-to-text APIs by AssemblyAI
Ad
APIs to automatically transcribe and understand audio

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 🤩).


About Joyk


Aggregate valuable and interesting links.
Joyk means Joy of geeK