Build and Deploy a Modern Full Stack ECommerce React Application with Stripe
1 میلیون بار بازدید -
2 سال پیش
-
Every web developer needs to
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 - 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 - www.jsmastery.pro/ 🔥
⭐Sanity JSM Subscribers Special - www.sanity.io/javascriptmastery
⭐Sanity Content Platform - www.sanity.io/
⭐Get help with Sanity on their Slack Channel - slack.sanity.io/
This video may contain code snippets or concepts specific to a previous version of Sanity Studio. In most cases, you can find the information needed to adapt the material to the latest Studio version by exploring Sanity docs: www.sanity.io/docs/migrating-from-v2
📙Ultimate Frontend Development Roadmap - resource.jsmastery.pro/frontend-roadmap
📙Ultimate Backend Development Roadmap - resource.jsmastery.pro/backend-roadmap
📚 Materials/References:
GitHub Code (give it a star ⭐): github.com/adrianhajdin/ecommerce_sanity_stripe
Styles & Other Code: gist.github.com/adrianhajdin/55e019f0ec6a48c0ca6d9…
Assets: minhaskamal.github.io/DownGit/#/home?url=https://g…
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: 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 - taplink.cc/javascriptmastery/p/7fb4d6
💻 Join our Discord Community - discord.gg/n6EdbFJ
🐦 Follow us on Twitter: twitter.com/jsmasterypro
🖼️ Follow us on Instagram: instagram.com/javascriptmastery
💼 Business Inquiries: [email protected]
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
2 سال پیش
در تاریخ 1401/02/02 منتشر شده
است.
1,037,766
بـار بازدید شده