Complete E-Commerce App with React, Strapi, Stripe | Shopping App Tutorial for Beginners

Full-stack React e-commerce app tutorial for beginners.

If it is valuable to you, you can support Lama Dev.

Source Code:

Deployment source:

Join Lama Dev groups

00:00 Introduction
05:36 Installation
07:12 React Router Dom v6.4 Tutorial
14:05 React Navbar Design
25:46 React Footer Design
32:11 React Slider Tutorial (without any library)
44:00 Featured Products and Product Card Design
55:21 Grid System Using CSS Flexbox
01:09:13 React Product List Page Design
01:21:07 React Single Product Page Design
01:34:00 React Shopping Cart Design
01:43:15 Strapi Tutorial for Beginners
01:56:20 React Strapi E-commerce App (Connection)
02:07:56 React Strapi E-commerce App (Fetching Items)
02:17:35 React Strapi Rest Api Filtering Tutorial
02:28:35 React E-commerce Fetch a Single Product
02:31:26 React Redux Shopping Cart Tutorial
02:27:40 React Redux Toolkit How to Persist State
02:50:05 Strapi Stripe Payment Using a React App
03:11:40 How to Deploy React app to a Shared Hosting?
03:13:22 How to Deploy Strapi app to a VPS Server?
03:30:15 Outro

[dongyuexu]

Love this full stack e-commerce app tutorial. Appreciate that you include the final deployment!

[ivanc.]

First a big thank you!

01:43:15 strapi starts
01:45:53 tables

1:50:00 relationships
2:00:00 axios
2:05:40 populate=*
2:11:40 axios defaults
2:24:45 cool queries
2:28:23 filter object
2:34:22 state
2:43:31 cart quantity
2:48:30 cookies

2:50:07 STRIPE PAYMENTS!
2:53:02 backend
2:53:47 "lets do that!"
3:00:10 price options
3:03:35 delete email field
3:04:12 frontend
3:06:48 post order
3:07:47 fixing errors
3:09:29 filling in form

3:12:12 hosting
3:17:13 copy key

[sarwaranwar]

Thanks Lama, they way you teach us no one can teach us, your style of tutorials are way better than anyone else, I have watched a lot of videos before getting to know about you and I must say you are the best, best of best 👌 Thank you so much 💗

[cn.mbhalati]

Was waiting for this! Beautiful tutorial!

[talebulkawser]

Just woke up and saw the notification of this video, and you can't imagine how excited I became to build this. Thank you Lama

[Shan-AU]

Thanks Lama, they way you teach us no one can teach us, your style of tutorials are way better than anyone else, I have watched a lot of videos before getting to know about you and I must say you are the best, best of best Your work

[Abdullah-cmxv]

i love lama dev projects and videos, and i really like his voice, i don't know i just don't get bothered even if i watch video of 24h of him, well done sir 💖

[hurleywflow]

Love your e-commerce series. That’s a reality for a junior dev.

[aviegrinberg]

You are the best :) You have helped me get to the next level of React development, and deploy my first real app to hostinger. Your tutorials are easy to follow and such a pleasure to listen to.. Thank you!!

[akhror-oshie]

Thank you Safak for the excellent video class I already bought hosting at hostinger with LAMA discount . Keep it up good working!

[sherdilnoori]

Hope that your channel will grow and soon reach to 1M subscribers.
Your hard work and passion for creating such content for free is really appreciable.

[joaocorreiafreitas]

Hi @LamaDev, you are the best tutor out there. Thanks. Hope for more tutorials.

[dayojaiyed]

Thank you for this amazing project. You are a blessing, we owe you so much. 💯

[mehdichamiani]

You rule bro, the best react channel ever on Youtube, keep up the good work ❤

[FaysalBDev]

this is a great tutorial, stripe section is amazing. thank you

[rockbelleh]

waitinf for dis tnks LAMA u d best much love from Nigeria 🤗🤗😍😍

[estebansapunar]

Excellent tutorial! Precise and clear.

[morale]

Thanks so much! One feedback is, when you corrected some syntax or implementation, there wasn't much explanation regarding why, but overall, excellent stuff. Thanks again.

[francisakindejoye]

Introducing Typescript to your subsequent projects will be nice. Thanks for this amazing project.

[ahsanali]

Amazing content looking forward for more videos explaining strapi features