🔴 AMAZON REACT.JS Challenge | Day 4 (Stripe Checkout & Webhooks | Firestore | Next.js)

Too difficult? 👉 Watch my REACT BASICS 101 class for FREE with 1 month FREE Skillshare access (First 1000 people): https://skl.sh/2Srfwuf

🚨 Join the world’s BEST developer community “Zero to Full Stack Hero” NOW: https://www.papareact.com/course

Join me on Day 4 of 5 of the 5-DAY AMAZON CHALLENGE where we build the following:

👉 Payment Processing with Stripe Checkout
👉 Creating our first webhook with the Stripe CLI
👉 Build the Orders & Confirmation page with Firebase's real-time Firestore database

Check out Hostinger (Use code SONNY for 7% OFF Annual Plans!) 👉 https://www.hostinger.com/sonny

🖥️ CODE
Get the code for my builds here: https://links.papareact.com/github

📰 NEWSLETTER (Join to get the PAPAFAM Playlist for FREE! 🎵)
https://links.papareact.com/newsletter

🎙️ PODCAST
https://links.papareact.com/podcast

🌍 SOCIALS:
Instagram: https://links.papareact.com/instagram
Facebook: https://links.papareact.com/facebook
LinkedIn: https://links.papareact.com/linkedin
Twitter: https://links.papareact.com/twitter
Discord: https://links.papareact.com/discord

❤️ SUPPORT
PAPA Merch: https://links.papareact.com/merch
Donate: https://links.papareact.com/donate

🕤 TIMESTAMPS:
00:00 Introduction
00:35 Day 4 Presentation (1/2)
06:03 Day 4 Homework Submissions
10:39 Day 4 Presentation (2/2)
13:10 Day 4 Build Demo
15:50 Starting the Build
16:19 Implementing Stripe Checkout
29:52 Modifying the Checkout Page
31:58 Creating the Checkout Session
1:04:21 Stripe Checkout Demo
1:08:10 Checkout Process Explanation
1:10:48 Explaining Webhook
1:12:37 Integrating Stripe CLI
1:21:27 Creating the Webhook!
1:56:36 Building the Success Page
2:03:25 Building the Orders Page (1/2)
2:12:51 Setting up Firebase Database
2:13:54 Building the Orders Page (2/2)
2:24:08 Building the Order Component
2:36:25 Bug Fixes
2:38:55 Final Build Demo
2:42:12 Deploying to Vercel
2:57:31 Hosting on Hostinger
3:02:33 Deployed Final Build Demo
3:06:01 Final Build Breakdown
3:10:15 Outro

#reactjs #nextjs #redux

Видео 🔴 AMAZON REACT.JS Challenge | Day 4 (Stripe Checkout & Webhooks | Firestore | Next.js) канала Sonny Sangha