This is a project was a challenge by Next Basket, To build an a simple e-ecommerce Application. THe application has a combination of both static and dynamic contents.
- Node v18.12^
- npm v10.06^
- Next v14^
- Clone the project from repository
- Change Directory into the project
cd simple-ecommerce - Run
npm install .to get all the necessary packages - Run
npm run devoryarn devto start the local server - Navigate to http://localhost:3000 with your browser to see the result.
- Nextjs
- TypeScript
- Material UI
- Redux Toolkit
To learn more about Next.js, take a look at the following resources:
- Next.js Documentation - learn about Next.js features and API.
- Learn Next.js - an interactive Next.js tutorial.
You can check out the Next.js GitHub repository - your feedback and contributions are welcome!
- Build all static section of the page as is in design
- Get all dynamic from a given url
- Create a load more button that gets contents dynamically without reloading the poage
- Create a product detail page
- Re-use the product list without making an extra API call
- Add and remove items to/from Cart
- Add and remove items to/from Wish list
- Write Test
- Deploy to vercel
The easiest way to deploy your Next.js app is to use the Vercel Platform from the creators of Next.js.
Check out our Next.js deployment documentation for more details.
👤 Haroon Abdulrazaq
- Github: @githubhandle
- Twitter: @twitterhandle
- Linkedin: linkedin