E-Commerce Playground

A small Next.js e-commerce flow: product catalog, shopping cart, checkout, and order history. Built with Next.js 15, TypeScript, Tailwind CSS, and SQLite (Prisma).

What it does

• Shop: Browse products on the homepage and add them to the cart.
• Cart: Open the cart from the header to change quantities or remove items.
• Checkout: Review the order and place it; you’re redirected to a confirmation page and the cart is cleared.
• Orders: /admin/orders shows all placed orders (ID, date, total).

How to run

Prerequisites: Node.js 18+, pnpm.

1. Install dependencies

   pnpm install

2. Set up the database

   Ensure DATABASE_URL is set (e.g. in .env or .env.development). Example:

   # .env or .env.development
   DATABASE_URL="file:./dev.db"

   Then push the schema and seed products:

   pnpm db:seed

3. Start the dev server

   pnpm dev

   Open http://localhost:3000.

Other commands

• pnpm build — production build
• pnpm db:push — apply schema to the database (no seed)
• pnpm db:studio — open Prisma Studio to inspect data