Create MERN Next App

A CLI tool to create a MERN stack application with Next.js, TypeScript, and Tailwind CSS.

Features

• Next.js setup with TypeScript and Tailwind CSS
• App Router structure
• Option to choose UI libraries (Shadcn UI, Material UI, Radix UI)
• Option to add animation frameworks (Framer Motion, GSAP, Three.js)
• MERN Stack dependencies selection
• Extra utilities and dependencies selection
• Monorepo structure with frontend and backend in one folder

Installation

npm install -g create-mern-next-app

Usage

create-mern-next-app my-project

This will:

1. Create a new Next.js project with TypeScript and Tailwind CSS
2. Prompt you to select a UI library
3. Ask you to choose animation frameworks
4. Let you select MERN Stack dependencies
5. Allow you to pick additional utilities and dependencies
6. Set up the project structure with both frontend and backend

Project Structure

my-project/
├── src/
│   ├── app/              # Next.js app directory
│   ├── components/       # React components
│   ├── backend/          # Backend code
│   │   ├── controllers/  # Route controllers
│   │   ├── models/       # Database models
│   │   ├── routes/       # API routes
│   │   ├── middleware/   # Custom middleware
│   │   └── config/       # Configuration files
│   └── types/            # TypeScript type definitions
├── public/               # Static files
└── package.json          # Project dependencies

Available UI Libraries

• Shadcn UI
• Material UI
• Radix UI

Available Animation Frameworks

• Framer Motion
• GSAP
• Three.js

MERN Stack Dependencies

• Express
• MongoDB
• Mongoose
• MySQL
• MySQL2

Extra Dependencies

• CORS
• Axios
• dotenv
• Zod
• bcryptjs
• jsonwebtoken
• socket.io
• socket.io-client
• lucide-react
• react-icons

License

MIT