Clothora
Clothora is a minimal, modern clothing storefront built with Next.js, TypeScript and Tailwind CSS. It demonstrates a clean UI, smooth animations, and simple state management suitable for small e-commerce prototypes and design-focused storefronts.
Live demo: https://clothora-amber.vercel.app/
Why this project is useful
- Design-focused starter: Minimal UI and responsive layouts for quick prototyping.
- Modern stack: Next.js 15, React 19, TypeScript 5 and Tailwind CSS 4.
- Small but complete: Product lists, carousel, cart flows and toast notifications.
- Easy state: Global state handled with
zustandfor a tiny, easy-to-follow store.
Key features
- Product listing and collections (under
app/collections) - Product detail pages and nested routing (dynamic routes in
app/collections/[slug]/[productId]) - Responsive carousel using
keen-slider - Loading skeletons with
react-loading-skeleton - Toast notifications with
sonner - Lightweight global state using
zustand
Tech stack
- Next.js 15 (App Router)
- React 19
- TypeScript 5
- Tailwind CSS 4
- Zustand for state management
- Keen Slider, Lucide React, Sonner, html-to-image
Getting started
Prerequisites
- Node.js 18+ (tested with Node 18/20)
- npm or yarn
Clone and run
git clone <your-repo-url> clothora
cd clothora
npm install
# or: yarn
Development
npm run dev
# Open http://localhost:3000
Build and production
npm run build
npm start
Lint
npm run lint