Stytch B2B

https://stytch.com/docs/b2b/

Admin

Stytch B2B is a passwordless authentication platform providing user infrastructure for B2B...

Tokens:305

Snippets:1

Trust Score:10

Update:2 months ago

Show doc for...

Tokens:

Raw

### Configure Stytch B2B Authentication in Next.js

Source: https://stytch.com/docs/b2b/guides

Set up the StytchB2B component with a configuration object that defines the authentication flow type, enabled products, and specific options for each product. Ensure redirect URLs are correctly set for email magic links and SSO.

```javascript
import {
  AuthFlowType,
  StytchB2B,
  oauth,
  emailMagicLinks,
  sso,
} from '@stytch/nextjs/b2b';

const LoginOrSignup = () => {
  const config = {
    authFlowType: AuthFlowType.Discovery,
    products: [oauth, emailMagicLinks, sso],
    // Adding auth features is as simple as
    // products: [oauth, emailMagicLinks, sso, passwords],

    emailMagicLinksOptions: {
      loginRedirectURL: 'https://stytch.com/authenticate',
      signupRedirectURL: 'https://stytch.com/authenticate',
    },
    ssoOptions: {
      loginRedirectURL: 'https://stytch.com/authenticate',
      signupRedirectURL: 'https://stytch.com/authenticate',
    },
    oauthOptions: {
      providers: [
        {
          type: 'google',
          one_tap: true,
          position: 'floating',
        },
        {
          type: 'github',
        },
      ],
    },
  };

  return <StytchB2B config={config} />;
};

```

Tokens:

Raw