Harbor
A store admin for orders, products, customers and stock.
- 500 orders that add up to the cent
- Product editor with live margin
- Fulfilment queue
- No external images
- Light and dark
- Seeded demo data in one file
13 pages
An e-commerce back office with an order queue and order pages whose totals add up, a product editor with margin, customers, inventory with restock, discount codes, sales analytics and store settings.
Overview
Revenue, orders, AOV, sales over time, top products, low stock
Orders
Data Grid with payment and fulfilment filters and bulk actions
Order detail
Line items, totals, timeline, customer, shipping, notes
Products
Catalogue with thumbnails, stock, status and filters
Product editor
Pricing with margin, inventory, variants, status
Customers
Data Grid with segments, orders and total spent
Customer detail
Order history and contact details
Inventory
Stock by variant with low and out-of-stock states, restock
Discounts
Codes with type, value, usage against limit and dates
Analytics
Channels, categories, funnel, new vs returning customers
Settings
Store, payments, shipping zones, notifications, staff
Sign in
Split auth layout with an aurora panel
Sign up
Sign-up with live password rules
What you get
- The full Next.js project: run it, edit it, deploy it anywhere
- Every page wired to one data file, ready to swap for your API
- Pro blocks, the Data Grid and the chart kit, already included
- Light and dark themes from CSS variables; change four colours to rebrand
- Keyboard navigation, labelled controls and reduced-motion support
- Lifetime updates
Stack
- Next.js 16
- React 19
- Tailwind CSS 4
- shadcn/ui
- TypeScript
- Recharts
- TanStack Table
- Motion
Included with All-Access, alongside every Pro block and future template. See pricing