next-shopper

Note

TODO: README will be updated according to the new features and structure. In the mean time, following commands can be used to run the project locally. Prerequisites: Node.js, pnpm, Docker Create a .env.local file, copy contents of .env.local into it and set empty values.

# Install dependencies
pnpm install
# Start db
pnpm db:start
# Migrate db
pnpm db:migrate
# Seed db
pnpm db:seed
# Run app in development mode
pnpm dev
# When you are done, stop db
pnpm db:stop

This is an e-commerce web application built with Next.js, using App Router, React Server Components and Server Actions.

The data is derived 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 and features, its data is copied and changed a little.

Live demo is here.

💻 Tech Stack

• Language: TypeScript
• Framework: Next.js
• Database: PostgreSQL
• ORM: Prisma
• Components: Radix Primitives
• Styling: Tailwind CSS
• Animations: Framer Motion
• Icons: React Icons
• Linting: ESLint
• Code Formatting: Prettier
• Deployment: Vercel

⌨️ Development

To start development, we should install our packages first.

pnpm install

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

pnpm dev

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

🚀 Build

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

pnpm build

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

pnpm start