Next.js and Cloudinary: How to Create, Transform, and Download Images
https://chaicode.com
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
Overview of the image upload process, setting up Cloudinary, and handling file uploads in Next.js.
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.
Use this link to get free Cloudinary credits :- https://cld.media/hitesh
Get all source code for react application:
https://github.com/hiteshchoudhary/re...
All source code is available at my Github account:
https://github.com/hiteshchoudhary
Our Open-Source Project is here: https://freeapi.app
Join me at whatsapp: https://hitesh.ai/whatsapp
for community discord: https://hitesh.ai/discord
Instagram pe yaha paaye jaate h:
/ hiteshchoudharyofficial
Learn React with 10 projects: • Let's learn react from scratch with p...
Learn Docker: • A practical guide on Docker with proj...
Learn Kubernetes: • Complete Kubernetes Course | Deploy M...
How does a browser works: • How does a browser work ? | Engineeri...
How nodejs works: • How node JS works | Engineering side
Learn Redux-toolkit: • Learn Redux Toolkit in under 1 hour
Learn NextJS: • Nextjs Full stack course
Learn Typescript: • Why to learn Typescript
Learn Javascript: • Welcome to new JavaScript course
Learn React Native: • React Native Mastery: Develop 10 Apps...
Learn Zustand: • React state management crash course |...
Learn Golang: • How to get started with golang | Go p...
