Is there a way to initialize the theme by fetching theme (on the server side) from a database? about next-themes HOT 2 OPEN

@pacocoursey - Thanks for your reply!

My web app has a combination of server side and client side rendering, and supports multiple themes. The user may have saved theme preference, which needs to be fetched.

If no themes preferences are present for the user, the app will rely on the system defaults.
You're right - maybe I don't need to use localStorage but its useful when it comes to propagating changes across tabs/sessions.

next-themes was really useful for the above reasons. Saved me from the task of building in all that logic.

If only it could support a way to set initial theme. For eg.

**<ThemeProvider initTheme="dark" attribute="class">** 

Currently., I am fetching the preference on the server side and setting the theme (setTheme()) on the client side, which is causing the frontend to flash.

from next-themes.

Good question. Next-themes doesn't support this in a nice way right now, and it may not need to.

It sounds like you're server-rendering all your pages, so you can just include the theme as a body class with the initial HTML payload (getInitialProps in _document I believe). Then you don't need localStorage or the render-blocking inline script that next-themes injects.

from next-themes.