Issue with Dark Mode Flickering on Page Refresh.

[sougata-github]

On dark mode, there is an issue observed when performing a page refresh, causing flickering. The page transitions to light mode and then switches back to dark mode, impacting the user experience. This behavior is attributed to the server lacking knowledge of each user's individual theme preference.

I have successfully addressed this issue in my codebase by implementing the "next-themes" package. For further details and a comprehensive guide on resolving this problem, please refer to the following article: How to Make a Flicker-Free Dark Theme Toggle with Next.js, Tailwind CSS, and Next Themes.

https://github.com/adrianhajdin/stack_overflow_nextjs14/assets/102734212/e81c7dad-c3d6-4344-83d9-57a24327f0ae

@sujatagunale @adrianhajdin @TidbitsJS