Fake Ecommerce on Next Js

A Fake Ecommerce Website to experiment with store management using Zustand. Developed with Next.js 13, Typescript, Tailwind CSS and Tailwind UI. Using DummyJSON API.

Tech Stack

• Next js 13 bootstrapped with T3-app.
• React 18
• Zustand: for store management.
• Tailwind CSS
• Tailwind UI
• Headless UI

Installation

First install pnpm as package manager so we avoid dependencies problems.

npm i -g pnpm

Then install the packages

pnpm install

And run dev server with

pnpm run dev

Future Work

• Add product amount type for each product on state.
• Add local storage for favorite products.
• Add pagination for more products.
• Maybe React Query is a better choice for async? 🤔
• Add i18n for english support. But the API is available for spanish only.