Changelog

Dashboard

• Overview page with stats cards, revenue chart, traffic pie chart, and goals progress
• Analytics page with detailed chart breakdowns
• Collapsible sidebar with icon-only mode
• Responsive header with search, notifications, and user menu

Pages

• Orders page with data table, sorting, filtering, and CRUD operations
• Products catalog with grid and list views
• Customers management with detail panels
• Billing page with plan selection and payment history
• Invoices list with status badges
• Notifications center with read/unread states
• Settings page with profile, appearance, and notification preferences
• Help and support page

Authentication

• Sign-in page with email/password form and social login buttons
• Sign-up page with form validation using React Hook Form and Zod

UI Components

• 25+ vendored shadcn/ui components (Button, Card, Dialog, Table, Tabs, etc.)
• Command palette (Cmd+K) for quick navigation
• Toast notifications via Sonner
• Confirm dialog for destructive actions

Theming

• Dark, light, and system theme modes
• OKLCh color tokens for perceptually uniform colors
• Semantic color system (primary, success, warning, destructive)
• 5-color chart palette
• Custom dark sidebar in both light and dark modes

Tech Stack

• Next.js 16 with App Router
• React 19
• TypeScript 5 with strict mode
• Tailwind CSS v4
• Recharts for data visualization
• Lucide React icons
• React Hook Form + Zod for form validation
• Radix UI primitives

Documentation

• Built-in documentation site at /docs
• Installation guide, folder structure, theming, components, and deployment docs