🔴 Day 4 of the 5-Day Full Stack Developer AI SaaS Challenge (Next.js, Stripe Payments, Webhooks)
1️⃣ Setup your Clerk Account if you haven't already using this Special Link 👉 https://go.clerk.com/sonny
2️⃣ Submit your Day 4 Homework Here 👉 https://www.papareact.com/viewing-roo...
3️⃣ Don't Forget to Register to be Eligible for PRIZES 👉 https://www.papareact.com/challenge
4️⃣ Secure your Seat for the Grand Finale 👉 https://links.papareact.com/day5
Get the Sample Test PDF Here 👉 https://links.papareact.com/samplepdf
------------------------
🚀 Your Day 4 Agenda:
1️⃣ Implement Stripe Checkout for Payments
- Set up Stripe for handling secure payments in the AI SaaS App.
- Implement Stripe Checkout to manage user subscriptions (Free / Pro Plan) and transactions.
- Ensure a smooth and secure payment process for your users.
2️⃣ Build a Custom Webhook to Integrate it with Stripe Webhooks
- Develop a custom Webhook to handle events from Stripe.
- Learn how to process Stripe Webhooks for real-time updates on payments.
3️⃣ Build a Beautiful Pricing Page & Feature Restrictions
- Clearly display different subscription plans and their benefits.
- Implement feature restrictions based on user subscription plans.
- Ensure free users have limited access while pro users enjoy full functionality.
5️⃣ Implement the Delete Document Functionality
- Allow only Pro Plan Users to delete their uploaded documents.
- Provide confirmation prompts to prevent accidental deletions.
6️⃣ Implement the Download Document Functionality
- Enable users to download their uploaded documents through the dashboard
7️⃣ Deploying the Final Completed AI SaaS App to Vercel
8️⃣ Featuring the Best App Deployments from Day 3
Make sure to show up on Day 4 to claim your Free Day 4 Goodie and complete the AI SaaS App. Get hyped and let's smash the last build day of this challenge! 💪
LFG PAPAFAM! ✌️
🕐 TIMESTAMPS:
0:00 Introduction
2:24 Day 4 Presentation
19:15 Day 4 Build Demo
20:09 Continuing from Day 3 of the AI SaaS Challenge
23:50 Building the Pricing Page (1/2)
39:29 Building a Custom Hook to Get the User’s Subscription Status
53:52 Building the Pricing Page (2/2)
58:34 Setting Up Stripe with 2 Libraries (Stripe-js & Stripe)
59:17 Implementing Stripe-js
1:09:44 Implementing Stripe
1:21:11 Explaining Why We Need a Custom Webhook
1:22:41 Implementing the Custom Webhook to Listen to Stripe Events
1:43:48 Creating the Stripe Portal
1:47:22 Updating the App Accordingly for Free / Pro Tier User Subscriptions
1:55:34 Limiting the Free Tier Users to Only Sending 3 Messages
2:01:56 Live Debugging
2:08:58 Implementing the Document Delete Functionality for Only Pro Tier Users
2:18:21 Limiting the Free Tier Users to Only Uploading 2 Documents
2:25:12 Deploying the Final Build to Vercel
2:41:12 Deployed Final Build Demo
2:42:28 Outro
Watch video 🔴 Day 4 of the 5-Day Full Stack Developer AI SaaS Challenge (Next.js, Stripe Payments, Webhooks) online without registration, duration hours minute second in high quality. This video was added by user Sonny Sangha 01 January 1970, don't forget to share it with your friends and acquaintances, it has been viewed on our site 7,970 once and liked it 229 people.