Quick Start
Install create-next-mui and scaffold your first Next.js + Material UI application in minutes.
Motivation
Get your Next.js + Material UI project up and running in just a few commands.
No global installation is required—everything runs directly with npx or npm init.
Prerequisites
Before getting started, make sure you have:
- Node.js 18+ (Latest LTS recommended)
- npm (bundled with Node.js)
If you don't have Node.js installed, download it from the official website.
Create a New Project
Launch the interactive CLI.
npx create-next-mui@latestor
npm init next-mui@latestThe CLI will guide you through the setup process, including:
- Project name
- Language selection
- Optional plugins
Create a Project with a Name
You can also provide the project name directly.
npx create-next-mui@latest my-appReplace my-app with your preferred project name.
The CLI will continue asking for the remaining configuration options.
Start Without Prompts
If you want to skip the interactive questions and generate a project using the default configuration, use the --yes flag.
npx create-next-mui@latest my-app --yesor
npx create-next-mui@latest my-app -yThis automatically:
- Uses the provided project name
- Selects the TypeScript template
- Accepts the default configuration
- Generates the project immediately
This mode is ideal for:
- CI/CD pipelines
- Automation scripts
- Testing
- Rapid project creation
Run Your Project
After the project has been generated, move into the project directory.
cd my-appInstall dependencies.
npm installStart the development server.
npm run devOpen your browser and visit:
http://localhost:3000You're now ready to start building your application.
What Happens During Setup?
The CLI creates a production-ready project with:
- Next.js App Router
- Material UI
- Theme Provider
- Emotion integration
- ESLint Flat Config
- Organized project structure
Depending on your selections, it can also include official plugins like:
- Zustand
- TanStack Query
Next Steps
Now that your project is running, continue with the next guides to learn more.
- Configure your project
- Explore available templates
- Install plugins
- Learn the CLI commands
Happy coding! 🚀