Skip to main content

Explore

The stack is running. Before you start building, take 5 minutes to understand what’s already here. You might be surprised how much is done.

The landing page — /

Head to http://localhost:4000 first. This is the marketing landing page (LandingHome) — the same one your customers will see. It’s fully editable and already wired to your auth flow.

Sign up and get into the admin

Open http://localhost:4000/signup to create an account (or hit Get Started on the landing page). Once you’re in, you’ll land at /admin — the dashboard your customers will use. Here’s what’s already built and working:
AreaRouteWhat it is
Dashboard/adminHome after login — your starting point
Settings/admin/settingsOrganization settings shell
Members/admin/settings/membersMembers list, invitations, role management
Billing/admin/settings/billingPlans, payment methods, invoices

Try the billing flow

Go to Settings → Billing. You’ll see the Free plan — seeded automatically on first run and assigned to every new organization by default. From here, hit Current plan → Upgrade. This opens the in-app plan picker (UpgradePlanModal), backed by Stripe checkout routes under /admin/settings/billing/checkout/.... Since you’re using Stripe test keys, you can complete a checkout with Stripe’s test card numbers without any real charges.
Test card: 4242 4242 4242 4242 — any future expiry, any CVC, any ZIP. Stripe accepts it every time in test mode.

Try the members flow

Go to Settings → Members. You can invite a team member by email, assign a role, and watch the invite flow work end to end — email delivered via your local mailer (logged to console in dev), token-based accept flow, role assigned on acceptance. This is the B2B onboarding flow your customers will use. It’s already done.

Super Admin — /admin/super

Super admin tools live under /admin/super/ and are gated by your user’s role. Here you can:
  • Look up users and organizations
  • Create new organizations
  • Manage pricing packages and scopes (/admin/super/pnp/)
This is your internal tooling — your customers never see it.

Customize the theme

The admin you’re looking at is the same React + MUI stack your customers will use. When you’re ready to rebrand, theme tokens live in:
apps/frontend/src/components/hooks/themeConstants.ts
Colors, typography, spacing — all in one place.

What you just saw

In 5 minutes you’ve seen auth, billing, invites, role management, and super admin tooling — all running, all wired together, all yours to extend. That’s what 12 months of production engineering looks like out of the box.
You’re ready to build. Let’s set up your AI development environment. Next: Step 6 — AI Development