Next.js E-Commerce Single Page Application

A modern, responsive e-commerce single page application built with Next.js, React, and TypeScript.

Features

• 🛍️ Product catalog with beautiful card layouts
• 🛒 Shopping cart with add, remove, and quantity management
• 📱 Fully responsive design
• 🎨 Modern UI with Tailwind CSS
• ⚡ Fast and optimized with Next.js
• 🔒 Type-safe with TypeScript

Getting Started

Prerequisites

• Node.js 18+ installed
• npm or yarn package manager

Installation

1. Install dependencies:

npm install

2. Run the development server:

npm run dev

3. Open http://localhost:3000 in your browser to see the application.

Project Structure

├── app/
│   ├── globals.css      # Global styles with Tailwind
│   ├── layout.tsx       # Root layout component
│   └── page.tsx         # Main e-commerce page
├── data/
│   └── products.ts      # Mock product data
├── types/
│   └── product.ts       # TypeScript type definitions
└── package.json         # Dependencies and scripts

Technologies Used

• Next.js 14 - React framework
• React 18 - UI library
• TypeScript - Type safety
• Tailwind CSS - Styling
• ESLint - Code linting

Available Scripts

• npm run dev - Start development server
• npm run build - Build for production
• npm run start - Start production server
• npm run lint - Run ESLint

License

MIT