logoNext MUI

Getting Started

Get started with create-next-mui to scaffold production-ready Next.js + Material UI applications in seconds.

Welcome πŸ‘‹

create-next-mui is a CLI that scaffolds production-ready Next.js + Material UI applications with sensible defaults, modern tooling, and an extensible plugin system.

Instead of spending time configuring a new project, you can start building immediately.


Why create-next-mui?

Setting up a new project often means repeating the same steps every time:

  • Installing Material UI
  • Configuring the Theme Provider
  • Setting up Emotion
  • Organizing the project structure
  • Configuring ESLint
  • Adding commonly used libraries

create-next-mui automates this setup so you can focus on building your applicationβ€”not your boilerplate.


What You Get

Every generated project comes preconfigured with everything needed to start developing.

⚑ Modern Foundation

  • Next.js App Router
  • Material UI
  • TypeScript or JavaScript templates
  • Production-ready folder structure

🎨 Developer Experience

  • ESLint Flat Config
  • Theme Provider
  • Emotion integration
  • Organized project architecture

🧩 Extend with Plugins

Install official plugins whenever you need them.

Currently available:

  • Zustand
  • TanStack Query

More plugins are planned.


Features

  • ⚑ Next.js App Router
  • 🎨 Material UI
  • πŸ“¦ TypeScript & JavaScript templates
  • 🧩 Plugin system
  • πŸͺ Zustand
  • πŸͺ TanStack Query
  • 🧹 ESLint Flat Config
  • πŸ“ Scalable project structure
  • πŸ’š Zero global installation

Who Is It For?

Whether you're starting a personal project or building a production application, create-next-mui helps you get up and running quickly.

It's a great fit for:

  • Individual developers
  • Freelancers
  • Startups
  • Teams
  • Open Source projects
  • Rapid prototyping

Philosophy

create-next-mui follows a simple philosophy:

  • Keep the setup minimal.
  • Follow official best practices.
  • Generate clean and maintainable code.
  • Avoid unnecessary abstractions.
  • Stay close to the Next.js ecosystem.

The generated project is yours to own and customize.


What's Next?

Continue with the installation guide to scaffold your first project.

Happy building! πŸš€

On this page