Which UI do you use?

Custom UI

Pre built UI

Implementing sign out

ReactJS

The signOut method revokes the session for the user.

import Session from "supertokens-web-js/recipe/session";

async function logout () {
  await Session.signOut(); 
  window.location.href = "/auth"; // or to wherever your logic page is
}

Angular

The signOut method revokes the session on the frontend and backend.

import React from "react";
import { signOut } from "supertokens-auth-react/recipe/session";

function NavBar() {
  async function onLogout() {
    await signOut();
    window.location.href = "/auth"; // or to wherever your logic page is
  }
  return (
    <ul>
      <li>Home</li>
      <li onClick={onLogout}>Logout</li>

    </ul>
  )
}

Vue

The signOut method revokes the session for the user.

import Session from "supertokens-web-js/recipe/session";

async function logout () {
  await Session.signOut(); 
  window.location.href = "/auth"; // or to wherever your logic page is
}

• We do not provide any UI for a Sign-out button
• On success, the signOut function does not redirect the user to another page, so you must redirect the user yourself.
• The signOut function calls the signout API exposed by the session recipe on the backend.
• If you call the signOut function whilst the access token has expired, but the refresh token still exists, our SDKs will do an automatic session refresh before revoking the session.

See also

• Revoking a session on the backend