Next.js w/ Tailwind CSS - Adding Dark Mode Toggle
Dark Mode is becoming very popular day by day and well supported by many operating systems, so a dark version of a your website is a must have.
Would you like to virtually invite me for an Italian Espresso Coffee?! ☕
Buy me a Coffee 👉 https://www.buymeacoffee.com/theItali...
That’s why in this tutorial I will show you how to add a toggle button to manually switch between Light Mode and Dark Mode in a Next.js Tailwind CSS web application.
Chapters
00:00 Intro
00:50 npx create-next-app --example with-tailwindcss
04:38 Adding Dark Mode to Tailwind CSS
05:57 npm i next-themes
08:06 Adding Dark Mode Toggle Button to Next.js
12:54 Hydration Mismatch Issue
15:00 Solving Hydration Mismatch Issue
17:10 Conclusion
#nextjs #tailwindcss #darkmode