logoNext MUI

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@latest

or

npm init next-mui@latest

The 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-app

Replace 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 --yes

or

npx create-next-mui@latest my-app -y

This 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-app

Install dependencies.

npm install

Start the development server.

npm run dev

Open your browser and visit:

http://localhost:3000

You'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! 🚀

On this page