Tag: mui

I was working on a project that uses Next.js (App Router v15.2.0) and MUI (v6.4.6).

It took me quite a while to understand how to integrate MUI and Next.js. For example, I was unfamiliar on how to integrate dark mode and light mode in a Next.js application with MUI.

Thus, here is a GitHub repository that implemented MUI free react template with Next.js (with dark mode and light mode toggle implemented) for everybody reference if they are curious on how to use Next.js with MUI.

To be honest, all the implementation details can be found in the MUI documentation (plus some Googling & ChatGPT) but it took me a while to understand the mechanics behind it and how to apply it correctly.

The project is deployed at Vercel:

https://nextjs-ts-with-mui-free-templates.vercel.app/

GitHub repository:

https://github.com/kuanjiahong/nextjs-ts-with-mui-free-templates

Some issues I am still figuring it out:

1. The CSS styling in production environment is different than development environment