@thomson/create-next

A CLI tool to scaffold Next.js applications with modern tooling and best practices.

Features

• ⚡ Next.js 15 with App Router
• 🎨 Tailwind CSS for styling
• 🔄 TanStack Query for data fetching
• 🐻 Zustand for state management
• 📝 TypeScript support
• 🔧 ESLint/Biome for linting
• 💅 Prettier for code formatting
• 📦 Multiple package managers (npm, yarn, pnpm)

Installation

# Using npm
npm create @thomson_xavier/next my-app

# Using yarn
yarn create @thomson_xavier/next my-app

# Using pnpm
pnpm create @thomson_xavier/next my-app

# Or install globally
npm install -g @thomson_xavier/create-next
# Then run:
# create-thomson-next my-app

Usage

After installation, you'll be prompted with interactive questions:

• Project name - Your project name
• TypeScript - Enable TypeScript support
• Linter - Choose between ESLint, Biome, or None
• Prettier - Enable Prettier for code formatting
• Tailwind CSS - Enable Tailwind CSS
• TanStack Query - Enable TanStack Query
• Zustand - Enable Zustand state management
• Package Manager - Choose npm, yarn, or pnpm

Generated Project Structure

my-app/
├── app/
│   ├── layout.tsx
│   ├── page.tsx
│   └── globals.css
├── components/
│   ├── providers.tsx
│   ├── view/
│   ├── common/
│   └── ui/
├── store/
├── hooks/
├── utils/
├── types/
├── constants/
└── package.json

Getting Started

After creating your project:

cd my-app
npm run dev

Visit http://localhost:3000 to see your application.

License

MIT