Let's Build a Light/Dark Mode Toggle with Tailwind and Next.js

[russbashaw]

Thanks for this excellent tutorial. I'd found many similar tutorials for Next.js but they were all for single-page applications that didn't require state. This one checks all the boxes.

[maskman]

Sir, this is client side approach, users will see a blank screen or a flicker when page gets refreshed which is not a good experience, how do we implement theme switcher with cookie in nextjs app router app? Can you create a tutorial on this topic? 🙏

[thecalgarians]

Beautifully explained and that too in under 13 minutes

[owenhochwald]

Thanks so much this was concise and straight to the point

[martynbillings]

Thanks dude, this was simple clear to understand and works a treat!

[amdadullahraihan]

What about reloading? on reload it will splash the light mode.

[nguyentheson]

Your video is great! I think you should show the problem when the screen flicking after you reload the page and the solution for it, it would be much better

[gabrielballester]

Thank you for the tutorial. I have seen similar tutorials that use a different approach, for example, with a dark/light theme using shadcn or with Tailwind theming. I wonder what your opinion is about these methods of applying dark/light mode, especially in terms of client and server side. Cheers Antonio!