How to add dark mode to a Nextjs project using MUI and React Context Hook | Toggle Switch
Learn How to add dark mode to a Nextjs project using Material UI Design (MUI) and React Context Hook. The focus is on Next13 & 14 (App Router).
🚀 You Will Learn:
- How to set up MUI in Nextjs App Router
- How to set up React Context API
- How to add Dark mode
- How to use a switch button to toggle dark and light mode
- How to use MUI icons
🚀 Github: https://github.com/EBEREGIT/nextjs-MU...
🚀 Resources:
- How To Create A Nextjs Boilerplate - Page and App Router (Next 13): • How To Create A Nextjs Boilerplate - ...
- How I Use React Context API in my projects - An Introduction: • How I Use React Context API in my pro...
- How to convert a Nextjs server component to a client component: • How to convert a Nextjs server compon...
- How to add dark mode in react js app with MUI toggle/switch | Material UI Design - • How to add dark mode in react js app ...
- Nextjs 13 App Router VS Pages Router - How To Authenticate Users In Nextjs With NextAuth: • Nextjs 13 App Router VS Pages Router ...
🚨 Let's connect: https://linktr.ee/ebereplenty
#html #web #webdevelopment #react #reactjs #mui #css #tutorial #tutorials #next #nextjstutorial #nextjs #nextjs13 #next14 #approuter