Is there a way to use local storage in server side instead of client side?
I need to use local storage for dark mode. I'm using nextjs14, tailwindcss, and typescript. To use local storage, I need to use useEffect and for that i need to make that file client. And because of that there is a flicking affect which causes to see light mode for a second even tho user's theme is dark. I don't want to solve it with external packages cause I use local storage in my other projects for different reasons and if I can solve for this one, i can solve for all of them.
This is for themetoggle:

"use client"

import {useEffect, useState } from "react";

export default function ThemeToggle(){
    const [darkMode, setDarkMode] = useState(false);

    useEffect(()=>{
        const theme = localStorage.getItem('theme');
        if (theme === 'dark') {
            setDarkMode(true);
        }
    },[]);

    useEffect(()=>{
        if(darkMode){
            document.documentElement.classList.add("dark");
            localStorage.setItem('theme', 'dark');
        }else{
            document.documentElement.classList.remove("dark");
            localStorage.setItem('theme', 'light');
        }

    },[darkMode]);
    return (
        <button onClick={()=>setDarkMode(!darkMode)}>Lights</button>

    )
}

and this is for another project's:

'use client'
import { createContext, useContext } from "react";
import { useEffect, useState } from "react";

...
    // Check local storage for date on component mount
        useEffect(() => {
        const storedDate = localStorage.getItem('date');
        if (storedDate) {
            setDate(storedDate);
        }
        }, []);

 ...