Magic Labs
"Let's Make Magic" — Multimedia portfolio + marketplace for a creative studio specializing in motion graphics, graphic design, product ads, websites, and code.
What this is
Magic Labs is a Next.js App Router application that serves as:
- Portfolio — cinematic case studies for client work
- Marketplace — digital assets (3D packs, plugins) and physical merch via Printful
- Services store — bookable creative services with intake forms
- Admin CRM — full client lifecycle from lead → invoice → case study
Quick links
| Section | Description |
|---|---|
| Stack | Framework, language, styling, packages |
| Project Structure | Routes, components, lib, data |
| Data Layer | Supabase, server/client split |
| Admin Pipeline | Lead → Work Order lifecycle |
| Dev Guide | Setup and local dev |
| Deployment | Docker + Portainer |
Current status
| Milestone | Status |
|---|---|
| Case Studies System | ✅ Done |
| Services Marketplace | ✅ Done |
| Admin CRM Pipeline | ✅ Done |
| Dynamic Sidebar Categories | ⬜ Planned |
| Printful Integration | ⬜ Planned |
| Page Transitions | ⬜ Planned |
| Cinematic Hero (Aceternity) | ⬜ Planned |