Multi-tenant SaaS for screen-printing and decoration shops — quotes to ship, inventory, production floor, customer portal, billing, and talent network on Next.js, PostgreSQL, and Prisma.
Project Overview
MADE Platform (platform.madelab.io) is a multi-tenant SaaS built for screen-printing and decoration shops. Each shop (tenant) runs its full operation in isolation: customers, staff, quotes, orders, artwork, inventory, production stations, packing, shipping, invoicing, and a customer portal.
It is not an ecommerce catalog. Finished goods are the output of completed work orders. The product models the real shop lifecycle:
Quote / Order → Artwork & proof → PO blanks → Production → Pack → Ship → Invoice pay
Role & Delivery
Designed and built as the primary full-stack / platform architect for MADE Laboratory — AI-augmented solo engineering across product architecture, multi-tenant data model, dashboard UX, integrations, CI audits, and production go-live readiness.
Core Capabilities
- Orders & quotes — Sales-owned line items, quote pipeline (kanban), field/station access so production roles can be blocked from pricing, optimistic concurrency on concurrent edits
- Design & production — Artwork versions, decoration methods, shop-floor stations, Gantt schedule / run sheets, QC and packing flows
- Inventory — Locations, transfers, purchase orders, alerts, blank apparel supplier bridges (S&S Activewear, SanMar)
- Shipping & payments — Carrier labels (UPS, FedEx, USPS), invoices, Stripe / PayPal / Square checkout, customer portal pay flows
- SaaS platform — Tenant isolation (
tenantId everywhere), subscription plan feature gates, platform-root admin, billing, marketplace, talent network / portfolio - Customer portal — Orders, proofs, invoices, payment methods, and secure self-service for shop clients
- Ops & quality — Auth.js + passkeys / TOTP, email templates + in-app notifications, Vitest / Playwright, release screenshot suite, architecture CI audits
Technology Stack
| Layer | Choices |
|---|
| App | Next.js (App Router), React, TypeScript, Tailwind, Radix UI |
| Data | PostgreSQL, Prisma ORM |
| Auth | Auth.js, WebAuthn passkeys, TOTP |
| State | Zustand, TanStack Query |
| Jobs / realtime | Trigger.dev, Upstash, Pusher |
| Storage | Cloudflare R2 / AWS S3 |
| Payments & shipping | Stripe, PayPal, Square · UPS, FedEx, USPS |
Architecture Highlights
- Clear layering: pages → server actions → services → Prisma; client-safe feature barrels vs
server.ts - Instant-navigation dashboard shells (Suspense + list/detail templates) for snappy staff UX
- Plan-gated modules (inventory, talent, …) and RBAC + field matrix stacked for shop-floor safety
- Shared UI catalog (list headers, tables, errors, kanban) so every module feels like one product
Outcome
A production-oriented shop OS: one codebase serving many print shops, with end-to-end order lifecycle, customer portal, billing, and platform admin — documented, tested, and screenshot-validated for release.
