Mastering File Uploads in SaaS with Next.js and Cloudinary

Introduction to SaaS Video Series

00:00 - 00:24
Introduction to the video series, encouragement to share progress on social media, and a brief overview of the topic.
Setting Up Video Upload Page

00:25 - 02:32
Introduction to the video upload page, explanation of using Axios for API requests, and setting up the basic structure.
Implementing File Upload Logic

02:33 - 06:00
Step-by-step guide on creating states, handling form submissions, managing file size limits, and preventing form submission without a file.
Integrating with Cloudinary and Prisma

06:01 - 09:50
Explanation of integrating Cloudinary for file uploads, handling form data, and interacting with Prisma to manage uploaded video details.
Final Touches and UI Design

09:51 - 11:20
Discussion on creating the video card UI using Cloudinary's video player, setting up notifications, and closing remarks.
Conclusion and Next Steps

11:21 - End
Recap of the video, what's coming up next, and a call to action to subscribe.
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:

[rashidsiddiqui]

thank u so much sir for this amazing series, pls also give some more assignments.