All setups Browse all setups
🔐
Auth Setup
Starter Kit
Authentication only — sign-in, sign-up, forgot password, and a protected home page ready to extend.
npx sui addauth-setup
Pages & routes
Sign In
Sign Up
Forgot Password
Protected Home
Generated files
app/(auth)/sign-in/page.tsx
~68 linesapp/(auth)/sign-up/page.tsx
~72 linesapp/(auth)/forgot-password/page.tsx
~58 linesapp/(protected)/layout.tsx
~22 linesapp/(protected)/home/page.tsx
~38 linesapp/(auth)/layout.tsx
~10 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/auth
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 auth-setup
# Follow the prompts
npm run dev