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

Let's Build a Light/Dark Mode Toggle with Tailwind and Next.js
Personal Website: bit.ly/3Qxh5BT
GitHub: bit.ly/3LNXEls
Twitter: bit.ly/3GoxZ0m
LinkedIn: bit.ly/3GqSdXk
Dev Community: bit.ly/3Q0enES

[@russbashaw2279]

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.

[@martynbillings4924]

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

[@maskman4821]

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? 🙏

[@owenhochwald506]

Thanks so much this was concise and straight to the point

[@thecalgarians4597]

Beautifully explained and that too in under 13 minutes

[@gabrielballester8390]

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!

[@amdadullahraihan7694]

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

[@elmehdichoukri5378]

bless brotha

[@nguyentheson9315]

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

[@maskman4821]

yeah, this is an issue we need to work it out ❤

[@nguyentheson9315]

@@maskman4821 You should try next-themes, it worked for me

[@nishanth4177]

Thanks

[@kamalnathdhekwar5497]

can you provide code as well