Next.js and MUI, wired together in one command.

React 19, TypeScript, and a working theme provider — ready the moment the install finishes. Nothing to copy-paste from a blog post.

TERMINAL
$
my-app/app/layout.tsxpage.tsxtheme/theme.tscomponents/
  • |—Next.js 16—|
  • |—React 19—|
  • |—MUI 6–9—|
  • |—TypeScript—|

WHAT GETS GENERATED

/theme

A theme provider that actually works with SSR

MUI wired to the App Router with the Emotion cache set up correctly — no flash of unstyled content on first paint.

/app

A clean starting route, not a demo you have to gut

The App Router directory arrives empty of sample clutter, so the first thing you delete isn’t everything.

/components

A couple of real components to build from

Working examples that show how MUI and the App Router are meant to talk to each other, not a blank folder.