https://github.com/leerenjie/ecommerce-stripe

Building a React e-commerce app with Next.js. Features Stripe for payments and Sanity for content management. Focus on advanced cart and entire checkout process.
https://github.com/leerenjie/ecommerce-stripe

Last synced: 10 days ago
JSON representation

Building a React e-commerce app with Next.js. Features Stripe for payments and Sanity for content management. Focus on advanced cart and entire checkout process.

• Host: GitHub
• URL: https://github.com/leerenjie/ecommerce-stripe
• Owner: LeeRenJie
• License: mit
• Created: 2023-10-24T15:07:52.000Z (about 1 year ago)
• Default Branch: main
• Last Pushed: 2023-10-24T17:23:39.000Z (about 1 year ago)
• Last Synced: 2023-10-25T16:34:38.096Z (about 1 year ago)
• Language: TypeScript
• Size: 1.77 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# ecommerce-stripe

Learning from tutorial [here](https://www.youtube.com/watch?v=4mOkFXyxfsU)

1. **Modern Design** Principles: Learn how to create a visually appealing e-commerce website with modern design elements and animations.

2. **React Fundamentals**: Deepen my understanding of React by building a complex application and applying best practices such as folder and file structure, hooks, and refs.

3. **Sanity Integration**: Learn how to integrate Sanity for real-time content updates, enabling the ability to add and edit products on the go.

4. **Cart Functionality**: Implement advanced cart features, including item addition, removal, and quantity adjustments.

5. **Checkout Process**: Create a seamless checkout experience with form validations and user feedback.

6. **Stripe Integration**: Integrate Stripe for payment processing to handle real transactions securely.

7. **State Management**: Manage application state effectively to keep track of items in the cart, user authentication, and more with Context API.

8. **Responsive Design**: Ensure the application is fully responsive and provides a great user experience on all devices.

9. **Backend Logic**: Understand how to set up the backend logic required for an e-commerce platform,with Next.js. Applying the best practices such as file-based routing and data using server-side rendering and static generation.

10. **Security Measures**: Implement security best practices to protect user data and transactions.