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-BANNER

create-next-mui

npm version Next.js MUI

Scaffold a production-ready Next.js + Material UI application in seconds.

The generated project comes preconfigured with:

  • ⚡ Next.js App Router
  • 🎨 Material UI
  • 📦 TypeScript or JavaScript templates
  • 🧹 ESLint Flat Config
  • 📁 Scalable project structure

No global installation required.

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

If no project name is provided, the CLI will guide you through the setup interactively.

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

Non-interactive Mode

Use the --yes (or -y) flag to skip prompts and accept the default configuration.

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

This will automatically:

  • use the provided project name
  • select the TypeScript template
  • generate the project without prompting

This is especially useful for:

  • CI/CD pipelines
  • automation scripts
  • testing
  • quick project generation

Interactive Setup

Without --yes, the CLI walks you through the available options.

Current prompts include:

  • Project name
  • Language selection
    • TypeScript (recommended)
    • JavaScript
  • Features
    • Zustand
    • React Query (…
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.