Stop configuring. Start building.
A powerful CLI that scaffolds production-ready Next.js projects with your preferred tech stack in 30 seconds.
npx devstart-cli initBefore: Spend 2-4 hours configuring Next.js, Tailwind, Supabase, TanStack Query, Zustand, shadcn/ui, TypeScript, ESLint...
After: Run one command. Answer 9 questions. Start building features in 30 seconds.
DevStart generates production-ready projects with working setup files for all your integrations — not just dependencies, but configured clients, providers, and boilerplate.
npx devstart-cli initThat's it. No global installation needed.
Or install globally:
npm install -g devstart-cli
devstart init- ⚡ 30-Second Setup - One command, 9 questions, done
- 📦 13 Integrations - Supabase, shadcn/ui, Zustand, TanStack Query, Redux, Prisma, MongoDB, and more
- 🔧 Working Setup Files - Get configured clients, providers, and helpers, not just dependencies
- 🎨 Smart Provider Wrapping - Auto-wraps layout.tsx with all necessary providers (Query, Redux, Apollo, SWR, Jotai)
- 📚 Best Practices - Proper folder structure, TypeScript configs, environment templates
- 🚀 Production Ready - Everything works out of the box, no configuration needed
- ✅ Typed & Safe - Full TypeScript support with typed hooks for Redux and proper type inference
DevStart doesn't just install packages — it creates working setup files for your stack:
For Supabase: lib/supabase/client.ts + lib/supabase/server.ts — Browser and server clients ready to use
For shadcn/ui: components.json + lib/utils.ts — Run npx shadcn@latest add button immediately
For Zustand: lib/example-store.ts — Example store with counter logic
For TanStack Query: lib/query-provider.tsx — Provider auto-wrapped in layout.tsx
For NextAuth: app/api/auth/[...nextauth]/route.ts + lib/auth.ts — Auth.js v5 with GitHub & Google providers
For Prisma: prisma/schema.prisma + lib/prisma.ts — Example schema, client, and auto-generate script
For MongoDB: lib/mongodb.ts — Connection setup with singleton pattern
For Redux: lib/store.ts + lib/redux-provider.tsx — Store with typed hooks, provider auto-wrapped
For Firebase: lib/firebase.ts — Initialized with Auth and Firestore
For Clerk: middleware.ts — Clerk middleware ready
For Jotai: lib/jotai-provider.tsx + lib/atoms.ts — Provider auto-wrapped with example atoms
For SWR: lib/swr-provider.tsx — Provider auto-wrapped with fetcher configuration
For Apollo: lib/apollo-client.ts + lib/apollo-provider.tsx — GraphQL client and provider auto-wrapped
Plus: .env.local.example, README.md, beautiful landing page, and more.
$ npx devstart-cli init
Welcome to DevStart CLI! 🚀
? What's your project name? my-saas-app
? Which framework? Next.js 16 (App Router)
? Choose your styling solution: Tailwind CSS
? Add UI components? shadcn/ui
? State management? Zustand
? Data fetching? TanStack Query
? Database & Backend? Supabase
? Authentication? Supabase Auth
? Additional tools? Zod, Lucide Icons
✓ Created project folder
✓ Initialized Next.js 16 (App Router)
✓ Configured Tailwind CSS
✓ Added shadcn/ui components
✓ Setup Zustand store
✓ Configured TanStack Query
✓ Setup Supabase client
✓ Configured Supabase Auth
✓ Created package.json
✓ Created .env.local.example
✓ Initialized Git repository
✔ Dependencies installed successfully!
✅ Project created successfully!
Next steps:
cd my-saas-app
cp .env.local.example .env.local
# Add your Supabase keys
npm run dev
Your app is running at http://localhost:3000my-saas-app/
├── app/
│ ├── layout.tsx # Auto-wrapped with providers
│ ├── page.tsx # Beautiful landing page
│ └── globals.css
├── lib/
│ ├── supabase/
│ │ ├── client.ts # ✅ Browser client
│ │ └── server.ts # ✅ Server client
│ ├── example-store.ts # ✅ Zustand store
│ ├── query-provider.tsx # ✅ TanStack Query provider
│ └── utils.ts # ✅ shadcn cn() helper
├── components.json # ✅ shadcn config
├── .env.local.example # ✅ Environment variables
├── package.json
├── tsconfig.json
├── tailwind.config.ts
└── README.md
|
Frameworks
Styling
UI Components
|
State Management
Data Fetching
Database
|
Authentication
Additional Tools
|
DevStart CLI follows a simple philosophy:
One command. Zero opinions. Production ready.
- ✅ Minimal setup files, not opinionated boilerplate
- ✅ Pick only what you need
- ✅ Everything works out of the box
- ✅ Best practices built-in
- ✅ 30 seconds from idea to code
Want to contribute or run locally?
git clone https://github.com/akshadjaiswal/devstart.git
cd devstart
npm install
npm link
devstart initv1.0.5 (Current) - ASCII art banner with gradient colors v1.1 (Next) - Template presets (SaaS, Blog, Dashboard) v1.2 (Future) - Configuration save/load v2.0 (Future) - Custom templates and marketplace
- ✅ Beautiful ASCII Banner - Added eye-catching DEVSTART banner with gradient colors (cyan → blue → magenta → pink)
- ✅ Enhanced CLI Experience - Professional startup screen with tagline and version info
- ✅ Customizable Design - Easy to customize fonts, colors, and tagline (see BANNER.md)
- ✅ Auth.js v5 - Updated NextAuth to latest Auth.js v5 with modern API
- ✅ Redux Typed Hooks - Added
useAppDispatchanduseAppSelectorfor type-safe Redux - ✅ SWR Provider - Auto-wrapped SWR provider with fetcher configuration
- ✅ Jotai Provider - Auto-wrapped Jotai provider for SSR hydration
- ✅ Prisma Auto-generate - Added postinstall script to auto-generate Prisma client
- ✅ Redux Store Fix - Fixed empty reducer error with example counter slice
- ✅ Minimal Landing Page - Clean black & white design with Inter font
Built by Akshad Jaiswal
- 🐦 Twitter/X: @akshad_999
- 💼 LinkedIn: akshadsantoshjaiswal
- 🌐 GitHub: @akshadjaiswal
Contributions are welcome! Please read the Contributing Guide first.
MIT © Akshad Jaiswal
- 📖 Documentation
- 🐛 Issues
- 💬 Discussions
Stop configuring. Start building.
Made with ❤️ for developers who want to ship faster.