Skip to content

LikeDreamwalker/nextjs-mui-zustand-template

Repository files navigation

nextjs-mui-zustand-template

Live Demo

Deploy with Vercel

A template for a Next.js project with Material-UI and Zustand and so on amazing repositories.

  • Based on Next.js 15 App Router
  • Uses Mui V6 for styling
  • Uses Zustand V5 for state management, and has a Out-of-the-box store
  • Uses next-intl V3 to support i18n
  • Has examples of RSC between client-side components, layout codes, reactive state, and dark mode
  "@mui/material": "^6.1.8",
  "@mui/material-nextjs": "^6.1.8",
  "immer": "^10.1.1",
  "next": "15.0.3",
  "next-intl": "^3.25.2",
  "react": "19.0.0-rc-66855b96-20241106",
  "react-dom": "19.0.0-rc-66855b96-20241106",
  "zustand": "^5.0.1"

Getting Started

This template uses pnpm by default.

pnpm install
pnpm run dev

Open http://localhost:3000 with your browser to see the result.

More

Feel free to PR and open an issue if you have any suggestions or questions, or other best practices you want to know. I will try to update this repo with the latest solutions and best practices.