Welcome to the Amazon Clone project! This project is a comprehensive replication of the renowned Amazon e-commerce platform, developed using a myriad of modern web development technologies. It is designed to showcase the potential and flexibility of these technologies when integrated together, and to provide a practical example of their application.
The Amazon Clone incorporates several features typical of an e-commerce platform:
User Authentication: Leveraging NextAuth and Google Authentication, users can securely sign in to the platform to access personalized features.
Shopping Cart Functionality: Users can add items to their cart and review these items before purchase. They can also remove items from the cart if they change their minds.
Detailed Product Pages: Each product has its own detail page, complete with an image modal for a closer look at the product.
Complete Checkout Process: Integrated with Stripe Payments, the platform supports a seamless and secure checkout process for purchasing items in the user's cart.
Real-time Database: The platform uses Google's Cloud Firestore as a real-time database for storing and retrieving data, ensuring that product details and user data are always up-to-date.
Responsive Design: Tailwind CSS has been utilized to ensure a responsive and aesthetically pleasing design that provides a positive user experience on any device.
This project, deployed on Vercel, exemplifies the capabilities of Next.js combined with Redux Toolkit, and provides a solid starting point for anyone looking to learn more about these technologies or seeking a foundation for a custom e-commerce platform. Happy coding!
✔️ sign in with Google
✔️ Add to cart and remove from cart
✔️ Detail page with image modal
✔️ Complete Stripe Payments Checkout
✔️ Responsive design
✔️ functional search bar plus search page
✔️ Sidebar menu
✔️ Offers sidebar menu
- Next.js
- React
- Next auth/google auth
- Cloud Firestore database
- Webhooks
- Redux
- Tailwind CSS
- Deployed on Vercel
This example shows how to integrate Next.js with Redux Toolkit.
The Redux Toolkit is intended to be the standard way to write Redux logic (create actions and reducers, setup the store with some default middlewares like redux devtools extension). This example demonstrates each of these features with Next.js
Deploy the example using Vercel:
Execute create-next-app with npm or Yarn to bootstrap the example:
# Clone this project
$ git clone https://github.com/jeffjiang13/amazon
# Access
$ cd amazon
# Install dependencies
$ yarn
# Run the project
$ yarn start
# The server will initialize in the <http://localhost:3000>Deploy it to the cloud with Vercel (Documentation).