Опубликовано: День назад

Dev Next Door
подписчиков: 841

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-flickerle...
Finished project on GitHub: github.com/DiMatteoL/buzzrank...
Link to BuzzRank: 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 www.chosic.com/free-music/all/
Creative Commons CC BY-SA 3.0
creativecommons.org/licenses/...
#Nextjs #MUI #DarkMode