SolidJS•2y ago

How to getUser without doing a server request on every page.

I am following the guide on https://tahazsh.com/blog/building-a-solidjs-app-from-scratch/ (expanding on the session in the https://start.solidjs.com/advanced/session) to create a authentication system in SolidJS Start. It works fine but it loads the if i want to use in a page, it dose a POST request to the backend server each time the page is loaded. How can i cache the user in the client, that also updates if the user logs out.

export function routeData() {
  const user = createServerData$(async (_, { request }) => {
    const user = await getUser(request);

    if (!user) {
      throw redirect("/auth/login");
    }
    return user;
  });

  return { user };
}

export function routeData() {
  const user = createServerData$(async (_, { request }) => {
    const user = await getUser(request);

    if (!user) {
      throw redirect("/auth/login");
    }
    return user;
  });

  return { user };
}

The get user, i though i could add it to the token, but i would have to redirect the user with the new headder to store it.

export const getUser = async (request: Request) => {
  const session = await storage.getSession(request.headers.get("Cookie"));
  const token = session.get("token");
  if (!token) {
    return null;
  }

  setToken(token.trim());

  const result = await urqlClient().query(CURRENT_USER, {}).toPromise();

  if (!result.data?.currentUser) {
    return redirect("/auth/login");
  }

  return result.data.currentUser;
};

export const getUser = async (request: Request) => {
  const session = await storage.getSession(request.headers.get("Cookie"));
  const token = session.get("token");
  if (!token) {
    return null;
  }

  setToken(token.trim());

  const result = await urqlClient().query(CURRENT_USER, {}).toPromise();

  if (!result.data?.currentUser) {
    return redirect("/auth/login");
  }

  return result.data.currentUser;
};

In react without SSR, it would just store the user in local storage, would that also be the right way to do here, as i guess that would cause problems with the SSR?

4 Replies