Amazon Clone

An Amazon clone using Next JS and firebase and all the styling was done from scratch without using any libraries.

Deployment

Deployed with the help of Vercel <- Live URL

Demo

Performance

Features

• Responsive
• Statically Generated pages for better FCP.
• Hooks

Future Changes

• Reducing the TTI and TBT for mobile devices.
• Adding a payment method using Razorpay or paypal etc.

Tech Stack

React, Redux-Toolkit, Next JS, Firebase, SASS

Lessons Learned

This was my very first next js project so I learned about SSG, SSR Image component , next js page routing feature and network requets in react application along with redux toolkit for cart items management.

Optimizations

I used getStaticProps SSG so that the website has better FCP and I also optimised images and svgs .

Getting Started

First, run the development server:

npm run dev
# or
yarn dev

Open http://localhost:3000 with your browser to see the result.

You can start editing the page by modifying pages/index.js. The page auto-updates as you edit the file.