Creating An Amazon Clone Website With Next.js, Tailwind CSS, Redux Toolkit, And Stripe

Learn creating an Amazon clone using Nextjs, Tailwindcss, Reduxtoolkit & Stripe in this comprehensive tutorial. From setting up the Nextjs application to deploying it in Vercel, this video covers everything you need to know. Enhance your web development skills and subscribe to our channel for more technology tutorials and development tips. #AmazonClone #Nextjs #StripeIntegration

🔗 Live Project Link: amazon.reactbd.com
🔗 GitHub Repository: github.com/noorjsdivs/amazon_next_yt
🔗 GitHub Repo Clone Link: git clone https://github.com/noorjsdivs/amazon_next_yt.git

📺 Dive into the world of modern web development with this step-by-step tutorial. Explore each part of this series for a pixel-perfect Amazon clone with the following episodes:

Part 1: youtu.be/RRDHmCZ84ng
Part 2: youtu.be/QZY9t1_8QWM
Part 3: youtu.be/LIAyAGX1LJU
Part 4: youtu.be/HlsiiVz–ko
Part 5: youtu.be/VMSeh2a6FIA

🕐 TIMESTAMPS:
00:00 Introduction and Project Overview
05:58 Build Tech Stack
08:15 Starting the Build
12:12 Header Component
42:37 Footer Component
46:10 RootLayout Component
49:45 Banner Component
59:12 Products Component
1:31:01 Store with Redux-Toolkit
1:55:40 Saving product in local storage
2:05:45 Cart page
2:43:55 Next-Auth implementation
2:46:15 Github Provider
2:51:12 O-auth Login
3:00:45 Google Provider
3:05:55 Stripe Payment Implementation
3:09:05 Creating Stripe Checkout
3:28:27 Testing Live Payment Method
3:30:42 Pushing to Github Repository

#nextjstutorial #stripepayment #stripecheckout #reduxtoolkit #reactjswebsite #nextjs13 #tailwindcss #responsivewebsite #responsivedesign #tailwind #reactjswebsite #ecommercewebsite #oauth #oauth2