Course Hive
Search

Welcome

Sign in or create your account

Continue with Google
or
Build and Deploy a Modern Full Stack ECommerce React Application with Stripe
Play lesson

Game Design - Build and Deploy a Modern Full Stack ECommerce React Application with Stripe

5.0 (3)
34 learners

What you'll learn

This course includes

  • 158 hours of video
  • Certificate of completion
  • Access on mobile and TV

Summary

Keywords

Full Transcript

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 ⭐Sanity JSM Subscribers Special - https://www.sanity.io/javascriptmastery ⭐Sanity Content Platform - https://www.sanity.io ⭐Get help with Sanity on their Slack Channel - https://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: https://www.sanity.io/docs/migrating-from-v2 📚 Materials/References: GitHub Code (give it a star ⭐): https://github.com/adrianhajdin/ecommerce_sanity_stripe Styles & Other Code: https://gist.github.com/adrianhajdin/55e019f0ec6a48c0ca6d933d3cf0181c Assets: https://minhaskamal.github.io/DownGit/#/home?url=https://github.com/adrianhajdin/ecommerce_sanity_stripe/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 💻 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: [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 Deployment

Course Hive

Continue this lesson in the app

Install CourseHive on Android or iOS to keep learning while you move.

Related Courses

FAQs

Course Hive
Download CourseHive
Keep learning anywhere