Build and Deploy Full Stack SaaS Product Hunt Clone + Admin Dashboard: Next js, React, Stripe (2024)

Frontend Development: Creating a responsive UI with React components 🎨
Backend Development: Setting up server actions 🌐
Database Integration: Connecting to a database and managing data models 💾
Stripe Integration: Implementing secure payment processing with Stripe 💳
Admin Dashboard: Building an admin interface for managing products and users 🧑‍💼
Deployment: Launching your app to the web 🚀

Timestamps

00:00 Intro
01:06 Demo
21:25 Project Setup + Shadcn UI
25:36 Navbar
48:30 Auth JS
58:15 Prisma ORM
1:01:02 Neon Tech DB
1:11:38 Avatar
1:20:54 Notification Icon
1:23:12 Submit
1:24:20 Create Product Form
1:57:20 UploadThing
2:05:30 Multiple Images
2:10:37 Release Date
Error
3:15:05 Additional Links
3:20:29 Review and Submit
3:40:29 Server Actions
3:42:25 Get ID from Session
3:49:00 Product In Database
3:50:04 Add Framer Motion
3:56:21 Form Validation
4:03:29 (Pages) Organizational Folder
4:05:15 My Products
4:15:20 Product ID Dynamic Route
4:28:00 Edit Product Form
5:01:55 Update Product Server Action
5:08:30 Delete Product Component
5:25:10 Delete Product Server Action
5:28:00 Admin Dashboard
5:40:30 Pending Products
5:53:30 Preview Product
6:06:53 Product Modal
6:23:20 Carousel Component
6:30:10 Share Modal
6:49:00 Activate Product
7:04:42 Reject Product
7:16:09 Active Products
7:24:30 Product Item
7:39:49 Commenting Functionality
8:02:30 Real Time Comment
8:11:00 Upvoting
8:32:00 My Upvoted Page
8:42:55 Product Page
9:06:40 List of Categories
9:14:40 Category Dynamic Route
9:25:44 Display Analytics for Product
9:36:30 Display Comments for Product
9:40:20 Notifications
9:59:15 Search Bar
10:13:11 Upgrade Membership Modal
10:26:05 Stripe
10:52:20 Settings Page
11:18:50 Admin Dashboard Analytics
11:27:42 Recharts
11:34:22 Recent Activity
11:38:04 Admin Authentication
11:45:28 Publish to Github
11:46:15 Deploy to Vercel
11:47:49 Get Production Values/Keys

[ketan.pkapale]

Please dont stop uploading videos.. at lot we can learn from you!

[yantech.]

Wow! 🤩, this is something I was waiting for. Amazing work and thanks to you Sir Igor 👏👏

[saber]

Beast of an project brother very polished and well detailed will start this soon 💪 💪

[MomentumRise-jxjs]

whoa, that's a great intro 💥, from start - 01:05 sick editing, keep making more content brother.

[GiggleGalaxy.]

After so long time finally you upload a masterpiece ❤️ . I'm waiting for so long time. Thankyou so much . For this masterpiece ❤

[shantanukumar-qhei]

Exactly what i needed to build my idea <3

[mileslegend]

you guys your making my mind explode ...with top notch content

[Msyo_Jaber]

This is crazy dude and you created an amazing video

[dinbandhusharma]

finally you uploaded the video with nice project

[theretrorush]

Such a W video the amount of sauce in this is INSANE bro better remember us when you on top 🎉

[kooyaw]

I will definitely check this out later

[abhinavsharma]

Brother you are doing great and I recommend to improve some audio quality that from my

[samsuh]

appreciate the tutorial. you should try to count how many times you say "go ahead" though, it got distracting. go ahead and do this and we're going to go ahead and now go ahead and go ahead to go ahead.

[prosperzegue]

Thanks so much, you are amazing ! Merci Beaucoup 👏

[luch]

Please name your channel, "Go Ahead and Code". Great content, keep it up!

[improving_cow]

Hey youtube please recommend me channel like these. Long project videos

[ApurvaKashyap-kjqz]

i have compleated the project but cant I go with the test mode of stripe only, I tried but its not working ??

[BondJFK]

how about launching this product in Product Hunt 😜

[saltygamer]

amazing video, what product presentation tool do u use for : 0:50 - 1:05

[rahulchourasiya]

Can you please make a video for single sign on, like centralised authentication website using next-auth, without any workos or any paid library for multiple saas website