01 · Cover

A starter kit, set in type

Launch your Micro-SaaS in hours, not weeks.

Lumen is a press-ready Next.js kit—landing, auth, billing, and dashboard shells you edit like copy, not prompts.

Get Code AccessLive Component Demo
lumen.app/dashboard
MRR

$12.4k

Active users

2,847

Uptime

99.9%

Revenue trend+18.2%
Fig. 01 — the app shell included with the kit.

Built with the modern stack founders trust

  • Next.js
  • TypeScript
  • Tailwind
  • Supabase
  • Vercel
  • Stripe

Index

Everything you need to ship faster

Premium boilerplate details that save weeks of setup and keep your codebase investor-ready.

  1. Ultra-Fast SSR

    App Router defaults tuned for snappy navigations, streaming, and edge-ready deployments out of the box.

  2. Pre-built UI Components

    Drop-in landing blocks and interactive ui-pack pieces—styled, accessible, and ready to customize.

  3. Type-Safe Architecture

    Strict TypeScript patterns across layouts, props, and data layers so refactors stay confident.

  4. SEO & Meta Pre-configured

    Metadata, Open Graph hooks, and semantic structure wired so your launch is discoverable on day one.

  5. Authentication Ready

    Supabase and Clerk auth schema interfaces are stubbed and typed—swap providers without rewriting your app shell.

  6. Stripe & Webhooks Wired

    Pre-typed checkout triggers and customer portal handlers so billing flows plug in with minimal glue code.

02 · Pricing

Simple tiers, serious value

Plans wired to Stripe Checkout via /api/checkout.

Save ~20% yearly

  • Starter

    Solo founders shipping their first MVP.

    $49/month

    • Full source code access
    • Landing + auth layouts
    • Email support
  • Editor's pick

    Pro

    Teams that need polish and speed.

    $129/month

    • Everything in Starter
    • UI pack + dashboard shells
    • Priority updates
    • Commercial license

  • Enterprise

    Agencies and multi-product studios.

    $299/month

    • Everything in Pro
    • Unlimited client projects
    • Private Slack channel
    • Custom onboarding call

03 · Components

Live component demo

Copy widgets from components/ui-pack into any page.

Add to your project

npx lumen-ui add roi-calculator

ROI Calculator

Model projected ARR and estimate build time saved versus rolling your own stack from scratch.

2,500
$29
Projected ARR

$870,000

MRR $72,500 × 12 months

Time saved

32 hrs

vs. custom UI + auth + billing setup

Paying subscribers modeled

2,500 users @ $29/mo

04 · Questions

Setup questions, answered

Run npm run build, then deploy to Vercel (recommended), Netlify, or any Node host. Environment variables go in .env.local; the App Router works on the edge with zero extra config.

Yes. The Pro and Enterprise tiers include a commercial license so you can ship client work without attribution. Starter is ideal for a single internal product or personal SaaS.

The kit is authored in strict TypeScript for safer refactors, but you can gradually adopt it—rename files to .jsx if needed. We recommend staying on TS for the best experience with the included types.

Update metadata in app/layout.tsx, swap the Lumen name in Navbar, and tune CSS variables or Tailwind classes in globals.css. Landing sections accept props so you rarely need to fork components.