Alle Arbeiten
Web · DashboardFull Stack, Design, Build
Miracle Dash
Das eigene Betriebs-Cockpit des Studios. Aufträge, Rechnungen, Umsatz, Tickets und Server-Health in einem dunklen, tastaturfreundlichen Dashboard, live an unseren Discord-Bot angebunden.
readme.md
Next.jsTypeScriptBase UIAuth.jsTailwind
Overview
Miracle Dash is the private operations dashboard behind the studio — the cockpit the founder and staff sign into every day to run the business behind the bots. Commissions, invoices, revenue, support tickets and server health all live in one dark, keyboard-friendly place, reading live from the studio's Discord bot.
One screen for the whole studio — orders, money and uptime at a glance.
Key features
Daily operations
- Overview with live KPIs (open commissions, tickets, active promo codes) and an activity feed
- Commissions pipeline — searchable, sortable orders where a status change fires the client DM and refreshes the in-Discord panels
- Support tickets with an open queue and SLA timing, plus reviews management
Money
- Self-tracked crypto payments — create and manage invoices, statuses update in real time
- Revenue — realised revenue, founder share, delivered-commission value, and a target tracker
- Client pay links delivered by the bot, no client login required
Studio ops
- Infrastructure — live CPU / memory / disk and per-service health, sampled every few minutes
- Stats — commission throughput, ticket SLA, and 30-day trends
- Announcements, notifications, estimates, a key vault, and content controls
Access & security
- Discord OAuth for founders and staff only, roles resolved live from the guild
- Clients never sign in — they receive signed, expiring links instead
Tech stack
| Component | Technology |
|---|---|
| Framework | Next.js 16, React 19, TypeScript |
| Styling | Tailwind CSS 4 |
| UI | Base UI, TanStack Table, Recharts |
| Auth | Auth.js v5 (Discord OAuth) |
| Realtime | Server-Sent Events over a loopback bridge |