Master the art of building a feature-rich Amazon clone using Next.js 13.4.8. Learn how to seamlessly integrate Stripe payment, implement AuthJS login, leverage Tailwind CSS for stunning designs, and harness the power of Redux for state management. Dive into the world of modern web development with this comprehensive tutorial. [2023].
Live project link: https://amazon.reactbd.com/
Github Link: https://github.com/noorjsdivs/amazon_next_yt
Github repo Clone Link: https://github.com/noorjsdivs/amazon_next_yt.git
Amazon Clone for Pixel Perfect Design:
Part 1: https://youtu.be/RRDHmCZ84ng
Part 2: https://youtu.be/QZY9t1_8QWM
Part 3: https://youtu.be/LIAyAGX1LJU
Part 4: https://youtu.be/HlsiiVz--ko
Part 5: https://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
Live project link: https://amazon.reactbd.com/
Github Link: https://github.com/noorjsdivs/amazon_next_yt
Github repo Clone Link: https://github.com/noorjsdivs/amazon_next_yt.git
Amazon Clone for Pixel Perfect Design:
Part 1: https://youtu.be/RRDHmCZ84ng
Part 2: https://youtu.be/QZY9t1_8QWM
Part 3: https://youtu.be/LIAyAGX1LJU
Part 4: https://youtu.be/HlsiiVz--ko
Part 5: https://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
- Catégories
- E commerce Amazon
- Mots-clés
- NextJS, TailwindCSS, Ecommerce
Ajouter un commentaire
Up Next
Autoplay
-
1:06:15
Bootcamp 2020 (Urdu) : Payments using Stripe Checkout on Sunday 10:00 PM (PST) by Mohsin & Aamir
-
09:16
React Js Tutorial # 91| How to Adding Stripe on Backend.mp4 in ReactJs |E-Commerce site
-
1:57:28
Full Stack Pinterest clone : Next Js 13, React js, NextAuth, Tailwind css, Firebase
-
08:49
Amazon Clone - Full E-commerce(React/Firebase/Stripe)
-
31:45
Mettre en place un paiement via Stripe Checkout & PHP
-
1:30:45
ML ACADÉMIE FORMATION E-COMMERCE EN LIGNE, ENTREPRENDRE, GESTION PAGE, FRELENCE & COACHING WEBINAIRE
-
01:06
DESACTIVER Facebook RENCONTRE, comment mettre en pause son profil ou un compte Facebook Dating
-
18:53
Un Business Ultra Rentable à Lancer en Afrique : Gagne 1 750 000 FCFA Par Mois
-
04:35
Guadagna con l'affiliazione Agrieuro
-
09:14
MLM/LA PROSPECTION TRADITIONNELLE M'A RUINE ET ET EPUISE DANS MON MLM
Chargement...
Commentaires