Core Dashboard

Creator commerce dashboard for selling and managing digital products.

Overview

A dashboard application for digital-product creators: product publishing pipeline, income and payout tracking, customer management, messaging, promotion, and shop operations. The dashboard home aggregates performance data with charts and tables, and a rich-text editor (TipTap) powers product descriptions. Data is mocked in mocks/; there is no backend. The app includes a dark/light theme toggle and a component library under components/.

Tech Stack

• Next.js 15 (App Router)
• React 19
• TypeScript
• Tailwind CSS v4
• Recharts
• TipTap (starter-kit, link, underline, text-align)
• Framer Motion
• Swiper
• next-themes
• react-datepicker, react-slider, react-tagsinput, react-number-format, emoji-picker-react, millify

Features

• Dashboard home with charts, stats, and popular products
• Product pipeline: new, drafts, scheduled, released, and comments
• Income area: earnings, payouts, refunds, statements
• Customers list and new-customer tracking
• Messages inbox and notifications
• Promotion and affiliate center pages
• Shop listing with product detail views
• Explore creators directory
• Settings, upgrade-to-pro, and login pages
• Rich-text product editor with TipTap
• Dark/light theme toggle via next-themes

Getting Started

npm install
npm run dev

Open http://localhost:3000. Build and lint:

npm run build
npm run lint

Project Structure

app/                     # Routes: dashboard, products, income, customers, shop, …
components/              # Charts, editor, tables, fields, layout, UI primitives
mocks/                   # Mock data
templates/               # Page-level compositions
types/                   # Shared type definitions
hooks/                   # Client-side helpers
public/                  # Static assets

License

© 2025–2026 Mustafa. All rights reserved.