devstart-cli

DevStart CLI

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 init

Quick Start • Features • Tech Stack • Examples

Why DevStart?

Before: 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.

Quick Start

npx devstart-cli init

That's it. No global installation needed.

Or install globally:

npm install -g devstart-cli
devstart init

Features

• ⚡ 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

What You Get

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.

Example Output

$ 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:3000

Project Structure

my-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

Supported Integrations

Frameworks Next.js 16 (App/Pages Router) Vite + React Remix Styling Tailwind CSS CSS Modules Styled Components UI Components shadcn/ui Radix UI Headless UI

State Management Zustand Redux Toolkit Jotai Context API Data Fetching TanStack Query SWR Apollo Client Database Supabase Firebase Prisma + PostgreSQL MongoDB

Authentication Supabase Auth NextAuth.js (Auth.js v5) Clerk Firebase Auth Additional Tools Axios date-fns Zod React Hook Form Framer Motion Lucide Icons

Philosophy

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

Development

Want to contribute or run locally?

git clone https://github.com/akshadjaiswal/devstart.git
cd devstart
npm install
npm link
devstart init

Roadmap

v1.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

What's New in v1.0.5

• ✅ 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)

Previous Updates (v1.0.4)

• ✅ Auth.js v5 - Updated NextAuth to latest Auth.js v5 with modern API
• ✅ Redux Typed Hooks - Added useAppDispatch and useAppSelector for 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

Author

Built by Akshad Jaiswal

• 🐦 Twitter/X: @akshad_999
• 💼 LinkedIn: akshadsantoshjaiswal
• 🌐 GitHub: @akshadjaiswal

Contributing

Contributions are welcome! Please read the Contributing Guide first.

License

MIT © Akshad Jaiswal

Support

• 📖 Documentation
• 🐛 Issues
• 💬 Discussions

Stop configuring. Start building.

Made with ❤️ for developers who want to ship faster.

⭐ Star on GitHub • 📦 View on npm