Having multiple themes is a common request on (web) applications nowadays, at least having light,... Tagged with react, ssr, tailwindcss, tutorial.

TIL is a community-driven platform for sharing and discovering interesting facts, trivia, and insights on a wide range of topics. Through user submissions and comments, TIL offers insights into obscure facts, historical events, scientific discoveries, and cultural phenomena. Readers can learn something new every day and contribute their own knowledge to the community by sharing interesting tidbits and trivia.

This is Learning

A comprehensive guide to implementing light, dark, and system theme switching in TanStack Start applications without flickering issues. Covers the challenges of server-side rendering with themes, including FOUC prevention through inline scripts, safe localStorage handling, CSS-driven UI controls, and proper hydration management. Includes practical code examples for theme providers, storage utilities, and validation with Zod.

TanStack Start: light, dark, and system theme without flickers

TanStack Start primitives: clientOnly and createIsomorphicFn

Cookies vs LocalStorage (and when to use them)