Help wanted with authentication

[bradley-varol]

Hi! I'm using solid and solid-start for the first time and I am current trying to implement authentication with AppWrite (just to get stuck in quickly) - I have the following (a lot of code removed for breavity):

const AuthContext = createContext()

export default function AuthProvider(props) {
    const [user, setUser] = createSignal()

    const login = (email, password) => {
        // calls AppWrite which logs the user in and updates localStorage
    }
    
    const fetchUser = () => {
        const fetchedUser = // calls AppWrite, returns user
        if (fetchedUser) {
            setUser(fetchedUser)
        }
    }

    const auth = {
        user,
        login,
        fetchUser,
    }

    return (
        <AuthContext.Provider value={auth}>
            {props.children}
        </AuthContext.Provider>
    )
}

export function useAuth() {
    return useContext(AuthContext)
}

First of all, is a context the best way to handle auth? In Nuxt.js i've always just created a store...

Secondly, how do i fetch the user on initial app load? Doing this inside the AuthProvider seems to work but it runs every time I call any of the auth methods. I am using AppWrite as a BaaS - I might need to check the presence of something in localStorage before fetching the user so this shouldn't happen on the server.

Any advice related to auth is much appreciated - I intend to use solid-start with a Laravel backend which should be a similar flow!