Quick Start
Create and run a new Next.js + Material UI project with create-next-mui.
Quick Start
Use create-next-mui when you want a new Next.js App Router project with Material UI, theming, and optional tooling already arranged.
Prerequisites
Install Node.js and npm before running the CLI.
The current generated template uses Next.js 16.2.4, which requires Node.js >=20.9.0.
Create a Project
Run the CLI with npx:
npx create-next-mui@latestYou can also use npm init:
npm init next-mui@latestThe interactive setup asks for the project name, language, linter, optional features, and whether dependencies should be installed immediately.
Provide a Project Name
Pass the project name as the first argument when you already know the target folder:
npx create-next-mui@latest my-appThis creates a my-app directory and continues with the remaining prompts.
Use Defaults
Use --yes or -y to skip every prompt:
npx create-next-mui@latest my-app --yesThe default setup is:
| Option | Default |
|---|---|
| Language | TypeScript |
| Linter | Oxlint |
| Optional features | None |
| Auto install | No |
To generate a JavaScript project in non-interactive mode, add --js:
npx create-next-mui@latest my-app --yes --js--js only changes the default language when prompts are skipped.
Scaffold the Current Directory
Use . as the project name to create the app in the current folder:
npx create-next-mui@latest .The current directory must be empty.
Run the App
Move into the generated project:
cd my-appInstall dependencies if you did not choose automatic install:
npm installStart the development server:
npm run devOpen http://localhost:3000 in your browser.
Add Features Later
Run feature installers from the root of an existing project:
npx create-next-mui@latest add react-query
npx create-next-mui@latest add zustandAfter installing a feature, run npm install so the merged dependencies are available.