Logout

The customer never sees this page for more than a moment. When they sign out, the Salla SDK (Salla.auth.logout()) sends the browser to /logout, which clears the theme's token cookie and goes to the store home. Customise it only to show a short "signing out" message.

URLCopy Anchor Link

The only param is the optional locale. The from query is ignored.

Route fileCopy Anchor Link

// @auto-generated
import { createFileRoute } from '@tanstack/react-router';
import { LogoutRedirect } from '@salla.sa/twilight-theme-engine/routes/seo-redirects';

export const Route = createFileRoute('/{-$locale}/logout')({
  component: LogoutRedirect,
});

To take the file over, delete the // @auto-generated line. See Fork a built-in route.

A customised versionCopy Anchor Link

Show a message while the redirect runs. Keep LogoutRedirect mounted: it is what clears the cookie and navigates.

import { createFileRoute } from '@tanstack/react-router';
import { LogoutRedirect } from '@salla.sa/twilight-theme-engine/routes/seo-redirects';

export const Route = createFileRoute('/{-$locale}/logout')({
  component: function LogoutRoute() {
    return (
      <>
        <p className="py-16 text-center">Signing you out...</p>
        <LogoutRedirect />
      </>
    );
  },
});

What it loadsCopy Anchor Link

Nothing. There is no loader and no head. LogoutRedirect renders nothing and does its work in the browser. It is a component, not a loader redirect, because a loader runs on the server, where the cookie cannot be cleared and the customer would stay signed in on the next request.

Edge casesCopy Anchor Link

• The cookie. Salla.cookie.clearAll() leaves the theme's token cookie behind, so this page deletes it. A custom sign-out that skips this looks signed out in the SDK but still sends a token to the API.
• Visited while signed out. It does the same thing and goes home.
• Navigation. It replaces the history entry with a full page load, and keeps the store path and language prefix in front of /logout.
• JavaScript disabled. The page stays blank, because nothing runs on the server.

See alsoCopy Anchor Link

• SEO redirects, the other redirect-only routes
• Salla SDK and events
• Authentication and scope