1 Views· 14 July 2022
Build and Deploy a Modern Full Stack ECommerce React Application with Stripe
Every web developer needs to know how to build an ECommerce website using React. Learn how to build the best and most modern one simply by watching this course. Our e-commerce application will include modern design and animations, the ability to add and edit products on the go using a Sanity, all advanced cart, and checkout functionalities, and most importantly, the complete integration with Stripe so that you can cover real payments.
💻JS Mastery Pro - https://jsmastery.pro?discount=youtube
✅ A special YOUTUBE discount code is automatically applied!
Build even more comprehensive, modern applications such as an AI-Powered Movie App and an NFT Marketplace application - Check it out now - https://www.jsmastery.pro 🔥
⭐Sanity JSM Subscribers Special - https://www.sanity.io/javascriptmastery2022
⭐Sanity Content Platform - https://www.sanity.io
⭐Get help with Sanity on their Slack Channel - https://slack.sanity.io
📙Ultimate Frontend Development Roadmap - https://resource.jsmasterypro.com/frontend-roadmap
📙Ultimate Backend Development Roadmap - https://resource.jsmasterypro.com/backend-roadmap
📚 Materials/References:
GitHub Code (give it a star ⭐): https://github.com/adrianhajdi....n/ecommerce_sanity_s
Styles & Other Code: https://gist.github.com/adrian....hajdin/55e019f0ec6a4
Assets: https://minhaskamal.github.io/DownGit/#/home?url=https://github.com/adrianhajdi....n/ecommerce_sanity_s/tree/main/public/assets
In this course, you'll learn:
- Advanced React Best Practices such as folder and file structure, hooks, and refs
- Advanced State Management of the entire application using React Context API
- Next.js Best Practices such as file-based routing and data using server-side rendering and static generation
- You’ll learn how to integrate Stripe to manage payments, products, shipping rates, and the entire checkout process
Most importantly, you’ll learn how to manage the entire content of your app using Sanity. Sanity is the unified content platform that’ll make the making of our entire app possible
💻 Master JavaScript: https://www.completepathtojavascriptmastery.com/
Use the unique promo code "YOUTUBE" on checkout to save $60!
📙 Get the Ultimate Frontend & Backend Development Roadmaps, a Complete JavaScript Cheatsheet, Portfolio Tips, and more - https://taplink.cc/javascriptmastery/p/7fb4d6
💻 Join our Discord Community - https://discord.gg/n6EdbFJ
🐦 Follow us on Twitter: https://twitter.com/jsmasterypro
🖼️ Follow us on Instagram: https://instagram.com/javascriptmastery
💼 Business Inquiries: contact@jsmasterypro.com
Time Stamps 👇
00:00:00 Intro & Setup
00:10:20 Sanity Setup
00:24:33 Homepage
00:40:37 Hook up Sanity
00:54:13 Products
01:06:33 Layout
01:16:24 Product Details
01:42:10 Context Logic
02:02:52 Cart Logic
02:36:52 Stripe
03:09:48 Success Page
03:26:36 Deployment
0 Comments