Dark Mode Persistence with Next.js is Harder than with plain React (MUI example)

Consider subscribing to see mo tutorials on how I built BuzzRank.io with Next.js and Firebase!

Step-by-step tutorial:   / how-to-get-a-flickerless-persistent-dark-m...  
Finished project on GitHub: https://github.com/DiMatteoL/buzzrank...
Link to BuzzRank: https://www.buzzrank.io

📚 Chapters
00:00 - Persistent Dark Modes in Next.js are not as simple as they seem
00:08 - How Persistent Dark Modes work for React apps
00:15 - Why Persistent Dark Modes are flickering in Next.js apps
00:34 - How to fix the Dark Mode Flicker in Next.js apps
00:57 - Tutorial: Persistent Dark Modes with Next.js and MUI
01:18 - Get a runnable Next.js app (here with MUI)
01:49 - Use next-themes ThemeProvider to set your page's data-theme
02:27 - Update the theme from our app with the useTheme React hook
02:48 - Dynamically change MUI's theme
03:12 - Final result: A deployed app with persistant light and dark modes


🎶 Music
On My Way by Ghostrifter Official |   / ghostrifter-official  
Music promoted by https://www.chosic.com/free-music/all/
Creative Commons CC BY-SA 3.0
https://creativecommons.org/licenses/...

#Nextjs #MUI #DarkMode