next-shopper

This is a simple e-commerce web application built with Next.js, using React Server Components and Server Actions. The data is from the Fake Store API. It is a really cool API to build e-commerce demo projects. Due to requirement to add some extra fields, its data is copied and changed a little.

Live demo is here.

💻 Tech Stack

• Language: TypeScript
• Framework: Next.js
• Data: Fake Store API
• Component Library: Radix Primitives
• Styling: Tailwind CSS
• Animations: Framer Motion
• Icons: Lucide React
• Linting: ESLint
• Code Formatting: Prettier
• Deployment: Vercel

⌨️ Development

To start development, we should install our packages first.

npm install

After the installation is completed, we can run the app by:

npm run dev

and it will start on http://localhost:3000.

🚀 Build

To create a production build, we need to run the below command first:

npm run build

After this step, we can run the app in production mode by:

npm start