🚀

SaaS Setup

Starter Kit

Software-as-a-service — landing page, dashboard, analytics, users, billing (plan picker), settings.

npx sui addsaas-setup

Pages & routes

Landing Page

Dashboard

Analytics

Users

Billing

Settings

Profile

Generated files

app/page.tsx

~65 lines

app/(app)/layout.tsx

~16 lines

app/(app)/dashboard/page.tsx

~50 lines

app/(app)/billing/page.tsx

~70 lines

app/(app)/users/page.tsx

~52 lines

app/(app)/settings/page.tsx

~48 lines

app/(auth)/sign-in/page.tsx

~68 lines

components/layout/sidebar.tsx

~72 lines

app/(app)/analytics/page.tsx

~25 lines

app/(app)/profile/page.tsx

~58 lines

+ auth files (based on your chosen provider)

Output options

Main project

Files written directly into your project root. Dependencies installed automatically. Ready to run.

struct/setups/saas

Saved as a reference template. No dependencies installed. Copy files manually when ready.

Auth providers

None

No auth — add it yourself later

NextAuth.js

Credentials provider, sessions, middleware

next-auth@beta

Better Auth

Database-agnostic, email/password, middleware

better-auth

Basic (JWT)

Custom JWT cookies, sign-in/up/out API routes

jose

Color palettes

slate

blue

indigo

violet

purple

rose

orange

emerald

teal

zinc

Quick start

npx sui add saas-setup

# Follow the prompts

npm run dev

Browse all setups