Next.js and Cloudinary: How to Create, Transform, and Download Images

Introduction to SaaS Building Playlist

00:00 - 00:06
Introduction to the playlist and today's topic.
Setting Up Image Upload with Cloudinary

00:07 - 06:08
Transforming Images Using Cloudinary

06:09 - 15:00
Detailed explanation of transforming images with Cloudinary, including setting parameters, using hooks, and managing state.
Handling Image Downloads with Custom File Names

15:01 - 21:00
Implementing the logic to download transformed images with custom file names, including a breakdown of JavaScript techniques used.
Building the Frontend and UI Integration

21:01 - 27:51
Creating the frontend using Tailwind and Daisy UI, integrating Cloudinary components, and finalizing the image transformation and download process.
Conclusion and Next Steps

27:52 - 28:30
Recap of the video, final thoughts, and what's coming next in the playlist.

Welcome to a youtube channel dedicated to programming and coding related tutorials. We talk about tech, write code, discuss about cloud and devops. That’s what we do all day, all year.

Get all source code for react application:

All source code is available at my Github account:

Instagram pe yaha paaye jaate h:

[Dk_Ai]

Hitesh sir, i fully enjoyed this amazing ai Saas Product series.thank you 😊😊😊

[ayushsrivastava]

Thanks sir completed the playlist learnt a lot it was awesome.

[knightcore]

17/09 I know it's manageable but my brain fried!!!🤯🤯

[emtiazahmed]

What is blob?and why window ulr? Document. Url na?? Pls explain these two line..

[nehatanganiya]

hyy hitesh sir, .. i'm neha kux cheeje puchni thi bahut confusion h sab cheejo se related ... kaise apko contact kr sakte h sirf 2-3 ques h ?? plz 2-3min ka time nikal ke