Production-ready apps with auth, billing, and usage tracking wired up. Clone, run /setup, and ship.
Try demos with test card: 4242 4242 4242 4242
Works with Claude Code, Cursor, Windsurf, and other AI editors
Commands live in .claude/commands/ — the standard location for AI editor slash commands
/setupInteractive wizard that configures everything. Brand name, colors, API key, content - all through conversation with AI.
/pwaMake your app installable. Adds service worker, manifest, and offline support. One command, full PWA.
Turn your web app into a native-like experience. Users can install it on their phone, access it from their home screen, and use it offline.
Just run /pwa in your AI editor after setup.
Vite + React + TypeScript. Fast dev server, instant HMR. Best for getting started quickly.
Usage-metered apps with subscription tiers. Perfect for AI tools, APIs, developer tools.
E-commerce with guest checkout. Perfect for digital products, merch, courses.
For production apps that need more
Less JS shipped to client
Server-rendered HTML
Deploy to Vercel Edge
Modern routing patterns
Next.js 14 + App Router + TypeScript. Server components, SEO, edge deployment.
Same features as SaaS Basic, built with Next.js App Router.
Same features as Store Basic, built with Next.js App Router.
# 1. Clone any template
git clone https://github.com/Fruitloop24/dream-saas-basic
cd dream-saas-basic
# 2. Install dependencies
npm install
# 3. Open in AI editor and run setup
# (Claude Code, Cursor, Windsurf, etc.)
/setup
# 4. Start dev server
npm run dev
# 5. (Optional) Add PWA support (React templates only)
/pwaWant to run your own Dream API instance? plug-saas is the open-source backend. Deploy your own auth + billing infrastructure on Cloudflare Workers.
View plug-saas on GitHubMIT License - Do whatever you want with it.
Get your API keys, download a template, and ship your product today.