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

If you enjoyed this tutorial, don’t forget to:
👍 Like this video to support the channel.
🔔 Subscribe and hit the bell icon to stay updated with the latest tutorials.
💬 Comment if you have any questions or feedback.

📺 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:

🕐 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

[vittoriomorellini]

I followed all the tutorial and it works in local, I used all the url and dashboard you suggested

[funofun]

Thank you so much... Your Hard work for this project and Explanation was so Amazing...🥰

[nubian_goat]

Thanks for this bro. Been wanting to update my amazon build. it’s the same one from your previous tutorial 🎉🎉🎉

[vittoriomorellini]

Even if you are not using the app dir this project is very interesting because the external dependencies are at the minimum. Good job to use redux in Next.js. Today I build the clone following your tutorial

[sayedulkarim]

47:00 whats the differnce between ReactElement and ReactNode? Why you didn't use ReactNode?
Thank You

[codeungraded]

Any one help me where is cart page render

hey! first of all thanks for the tutorial! I'm stuck at 2:03:38 when I add to the favorite or to the cart I get error: Warning: Text content did not match. Server: "0" Client: "3". it shows products and favorites in console. I tried "use client" but didn't work. do you have any ideas? thanks

[coders_rant]

Amazing. Can you please tell me technologies nd database used for the backend for this project? Thanks

[minthantoo]

Thank you for this. I have been following part 1 to 5. I will implement stripe payment watching this video.
How can I let user create their own account and when they create their own account, they will receive an email to verify the account? How can I do that?
One more thing is how can I show user the only items they added to the card? Now the items added to cart by user A are also shown when user B sign in with his account. I only want to show the items only the respective user added to the item.

Thank you.

[adnanshah]

amazing sir. btw what was the reason of not using app router?

[zanhbenz]

Do you know why my box message is not follow scrollbar. Do I need to config something?

[lyonelpierce]

Is this only for single vendors or different vendors can register and post their products?

[shopzyte]

what database are you using in the backend?

[_COMP_B_SURAJMISHRA]

what are the stack is used in this project

[shakil-the-coding-monster]

getServersideProps are marred the beauty of your stanning project. Anyway thanks for the good work!

js data loading methods (getServerSideProps, getStaticProps, and getInitialProps) are now deprecated in favor of a newer approach to data fetching.

[codewithsam]

i would be more happy if this would have been build on app router. I will be creating this website on app router. What challenges one can face with app router??

[swissguard]

Someone please tell me what he uses for the backend and database

[ektuhaso]

Thank you so much sir for this beautiful tutorial but sir are you going to make more parts on this Amazon clone ?

[ismailsossi]

hELLO NOUR thank you so much for your video, when i try to deploy it however to vercel everything works but the stripe check out i get an post error regarding sending a request to stripe api, although i have registered the environement variables on vercel

[sayedulkarim]

Please help
1:03:00 When you fetching the data why the data showing in browser console? not in Terminal console?

And if the Product data changes in server then will Frontend Product data automatically changes by itself? I'm new in Nextjs and I heard the data fetch by production at once. Then it just show the catches data. is it true? Thank You