Trusted Auth Tokens - Stytch Docs

import { IdentityProvider } from '@stytch/nextjs';

const presentation = { theme: { 'font-family': 'Arial' } };

const trustedAuthTokenParams = {
  trustedAuthToken: 'eyJ...',
  tokenProfileID: 'token-profile-id',
};

const IdentityProviderPage = () => {
  return <IdentityProvider presentation={presentation} trustedAuthTokenParams={trustedAuthTokenParams} />;
};

export default IdentityProviderPage;

import { IdentityProvider } from '@stytch/nextjs';

const presentation = { theme: { 'font-family': 'Arial' } };

const trustedAuthTokenParams = {
  trustedAuthToken: 'eyJ...',
  tokenProfileID: 'token-profile-id',
};

const IdentityProviderPage = () => {
  return <IdentityProvider presentation={presentation} trustedAuthTokenParams={trustedAuthTokenParams} />;
};

export default IdentityProviderPage;

If your project is using Trusted Auth Tokens, they can be provided to the component as well. When trustedAuthTokenParams are supplied, the component will exchange the provided token for a session and automatically log the user in before starting the authorization flow. To see all authentication and customization options, see the UI configuration props.

⌘I