v1.0.2 · Now Available on npm

Scaffold
production-ready
Next.js apps.

One command. Pre-configured Shadcn UI, Zustand, TanStack Query, Auth.js & Tailwind — all wired up and ready to ship.

$npx nextjskickstartx my-app
View on npmExplore templates
5
Templates
7+
Integrations
0
Config needed
terminal
# Run directly — no install needed
$npx nextjskickstartx my-app
✔ What's your project name? my-app
✔ Choose a template: SaaS Landing
✔ Include PWA support? Yes
✔ Select extras: Auth pages, Dark mode
🚀 Scaffolding your project...
✅ Project created in ./my-app
$cd my-app && npm run dev
▶ Next.js 16 ready on http://localhost:3000
$
What You Get

Everything you need,
nothing you don't.

Every starter ships with a battle-tested, fully integrated tech stack — so you can focus on building features, not boilerplate.

Next.js 16

App Router, TypeScript & ESLint — the latest and greatest.

Shadcn UI

Pre-configured with CSS variables and the handy cn() utility.

Zustand

Lightweight, fast global state management — no boilerplate.

TanStack Query

Data fetching with smart caching & background refetching.

Auth.js v5

Credentials provider, route handler & middleware — ready to go.

Tailwind CSS v3

tailwindcss-animate + full Shadcn color system included.

PWA Support

Optional service worker, manifest & offline support baked in.

Generated Project Structure

Every scaffold outputs a clean, opinionated file structure with src/app, Auth.js, Zustand store, TanStack provider and a .env.local stub — all wired together.

Starter Templates

Pick your starting point.
Hit the ground running.

Five hand-crafted templates covering the most common app archetypes. Select interactively or pass a flag.

Generated command

npx nextjskickstartx my-app --template saas
Usage

Two ways to get started.
Both take seconds.

Interactive

Guided Setup

Run without arguments to launch the interactive wizard. Use ↑↓ to navigate, Space to toggle, Enter to confirm.

terminal
$npx nextjskickstartx
? Project name: › my-app
? Template: › SaaS Landing ●
? Include PWA? › Yes ●
? Extras:
● Example auth pages
● Dark mode toggle
○ API route example
$
CLI Flags

One-liner Setup

Already know what you want? Pass everything as flags and scaffold in a single command — perfect for scripts and CI pipelines.

terminal
# Full example with all flags
$npx nextjskickstartx my-app --template saas --pwa
✅ Done! cd my-app && npm run dev
$
--template <name>Starter template (default, admin, ecommerce, blog, saas)
--pwaInclude PWA support (service worker + manifest)
--versionShow current CLI version
--helpShow all available flags

Interactive Extras

Example auth pages
Login & register pages wired up
Dark mode toggle
Theme switch component included
API route example
Sample API endpoint scaffolded
Project Structure

Clean, opinionated,
ready to extend.

Every generated project follows a consistent, scalable structure. No guessing where things go — just open and start building.

src/appNext.js App Router pages & layouts
auth.ts + middlewareAuth.js v5 fully configured
store/index.tsZustand global store bootstrapped
query-provider.tsxTanStack Query provider wrapped
project structure
my-app/
├── src/
│   ├── app/
│   │   ├── api/auth/[...nextauth]/route.ts
│   │   ├── globals.css
│   │   ├── layout.tsx
│   │   └── page.tsx          ← template goes here
│   ├── auth.ts
│   ├── middleware.ts
│   ├── lib/utils.ts
│   ├── providers/query-provider.tsx
│   └── store/index.ts
├── .env.local
├── components.json
├── tailwind.config.js
├── postcss.config.js
├── next.config.js
└── README.md
Next Steps

After scaffolding,
you're almost done.

01

Add Shadcn components

Pick and install any Shadcn UI component you need.

npx shadcn@latest add button card input
02

Generate Auth secret

Creates a secure AUTH_SECRET for your .env.local file.

npx auth secret
03

Start building!

Your app is live at localhost:3000. Go ship something great.

npm run dev
Free & open source · MIT License

Start building in
under 60 seconds.

No config, no setup headaches. Just run one command and get a fully wired Next.js project that's ready to ship.

$npx nextjskickstartx my-app
npm page