Welcome to the Modern Full Stack ECommerce Application project! I'm thrilled to introduce you to this project, which I built to get some experience with the buiding using Next.js and working with stripe and CMS sytems.
This project is all about building and deploying a fully responsive Modern Full Stack Ecommerce application with Payments functionality. It's designed with modern design principles, engaging animations, and most importantly, the ability to handle real payments through Stripe integration (Feature build still in progress).
Throughout this project, I aimed to cover a wide range of topics to enhance my skills in:
- Advanced React Best Practices: Dive into folder and file structure organization, explore hooks and refs, and master advanced state management using React Context API.
- Next.js Best Practices: Learn file-based routing, data fetching for server-side rendering and static generation, and leverage Next.js as a backend endpoint for enhanced performance.
- Integration with Stripe: Explore how to manage payments, products, shipping rates, and the entire checkout process seamlessly using Stripe.
- Content Management with Sanity: Discover how to manage the entire content of the application using Sanity, allowing for instant updates and changes to products and store information.
- Next.js Backend Endpoint: Enhance performance and optimization with Next.js.
To get started with the project:
- Clone the repository to your local machine.
- Install dependencies using
npm install. - Run the development server using
npm run dev. - Explore the application, experiment with adding and editing products, managing payments, and more!
- JavaScript Mastery Youtube channel.
- Freecodecamp Youtube channel
- CSS Tricks.
- Next.js documentation.