Skip to content

README.md

Latest commit

 

History

History
43 lines (33 loc) · 1.05 KB

README.md

File metadata and controls

43 lines (33 loc) · 1.05 KB

E-commerce IONA (Next.js + TypeScript)

This is a minimal, ready-to-run Next.js + TypeScript project focused on a Product Listing Page (PLP). It demonstrates:

  • Server components for data fetching (Next.js app router)
  • Filter by category
  • Sorting (price, rating)
  • Search
  • Routing (product detail, category pages)

Product Listing Page (PLP)

Product Listing Page

Product Detail Page (PDP)

Product Detail Page

Search & Sort Functionality

Search and Sort

Quick start

  1. Install dependencies:
npm install
  1. Run dev server:
npm run dev
  1. Open http://localhost:3000

Data is fetched from https://dummyjson.com/products (server-side).

Files of interest:

  • app/page.tsx — PLP with server-side data fetch
  • app/products/[id]/page.tsx — Product detail page
  • app/categories/[id]/page.tsx — Category listing page
  • app/components/* — UI components
  • lib/api.ts — API helpers
  • types/common.ts — Type definitions
  • utils/* — Utility functions
⚡