DEV Community

Cover image for Now with Plugin Support: npx create-next-mui v0.2.0 is live now 🚀
Vikash Kumar
Vikash Kumar

Posted on Edited on

Now with Plugin Support: npx create-next-mui v0.2.0 is live now 🚀

#nextjs #mui #cli #webdev

We've just released v0.2.0 of create-next-mui, making it even faster to scaffold a Next.js + MUI projects.

The biggest addition in this release is plugin support.
You can now install supported integrations into your project with a single command.

🚀 Get Started

Create a new project:

npx create-next-mui my-app
Enter fullscreen mode Exit fullscreen mode

Add plugins anytime:

npx create-next-mui add zustand
npx create-next-mui add react-query
Enter fullscreen mode Exit fullscreen mode

✨ What's New

🔌 Plugin Support

Add Zustand to your project:

npx create-next-mui add zustand
Enter fullscreen mode Exit fullscreen mode

Or install React Query ( TanStack Query ):

npx create-next-mui add react-query
Enter fullscreen mode Exit fullscreen mode

No manual setup. The CLI adds the required files and configuration for you.

⚡ Faster Project Creation

You can now skip prompts using default flags:

npx create-next-mui my-app --yes
Enter fullscreen mode Exit fullscreen mode

📦 Other Improvements

  • Added project name as a CLI argument.
  • New templates for Zustand and React Query.
  • Improved documentation.
  • Initial plugin architecture for future extensions.

Source:

GitHub logo thatonevikash / create-next-mui

🚀 The fastest way to start with Nextjs + MUI

create-next-mui Logo

create-next-mui

The fastest way to scaffold Next.js + Material UI applications

Skip repetitive setup and start building with a production-ready foundation in seconds.

npm version npm downloads Next.js Material UI License

next-mui-banner

✨ Why create-next-mui?

Starting every new Next.js + Material UI project often means repeating the same setup:

  • Install Material UI
  • Configure Theme Provider
  • Set up Emotion
  • Configure ESLint
  • Organize folders
  • Install common libraries

create-next-mui automates all of that.

Generate a clean, scalable, production-ready project so you can focus on building your application—not configuring it.

🚀 Features

  • ⚡ Next.js App Router
  • 🎨 Material UI v9
  • 📦 TypeScript & JavaScript templates
  • 🧹 ESLint Flat Config
  • 📁 Scalable project structure
  • 🧩 Plugin system
  • 💚 Zero global installation
  • 🚀 Production-ready setup

⚡ Quick Start

Create a new project.

npx create-next-mui my-app
Enter fullscreen mode Exit fullscreen mode

or

npm init next-mui
Enter fullscreen mode Exit fullscreen mode

Then start developing.

cd my-app
npm install
npm run dev
Enter fullscreen mode Exit fullscreen mode

🎯 Interactive Setup

Run the CLI without a project name.

npx create-next-mui
Enter fullscreen mode Exit fullscreen mode

The CLI will guide…


View on GitHub


Built with 💖 by thatonevikash

Top comments (2)

Collapse
 
thatonevikash profile image
Vikash Kumar •

⚡Website: create-next-mui.vercel.app/

Some comments may only be visible to logged-in visitors. Sign in to view all comments.