RevOps Experience Lab
Northframe demo webapp
HomePlaygroundDocsAdmin
DocsShip as a link from NorthframeSolutions.com

What this demo includes

This is meant to be a "wow" experience — something you can hand to clients that immediately communicates how Northframe builds modern, measurable systems.

App Router patterns
  • Server Components + client islands
  • Route handlers (/app/api/*)
  • Server actions for CRUD (no API calls required)
  • Middleware auth gate for /admin
RevOps demo features
  • Drag-and-drop pipeline kanban
  • Insights dashboard with charts + filters
  • Experiment studio (A/B planner + impact sim)
  • CSV export + import (admin)
Implementation details
  • File-backed JSON datastore (data/db.json)
  • Zod validation for all writes
  • Optimistic UI + toasts
  • Strong UI kit primitives (Card, Button, Fields)
Quick start
  1. Copy .env.example to .env.local and set a password.
  2. Install deps: npm i
  3. Run dev: npm run dev
  4. Visit /admin and log in with your password.
Note: This demo uses a JSON datastore for portability. Swap lib/db.ts for Postgres/Prisma in a real client build.