Building a Centralized Login with Stytch Connected Apps

Learn how Stytch's OAuth-based connected apps authentication flow works with this interactive guide.

What is a Centralized Login Flow?

A centralized login flow uses OAuth to allow users to authenticate once and seamlessly access multiple applications within your ecosystem. This flow demonstrates how a user can log in to a connected app (acmecalendar.com) through a centralized identity provider (accounts.acme.com) using Stytch's Connected Apps.

1

User Initiates Login

User clicks login on acmecalendar.com

2

Centralized Auth Service Checks for Session

If a session does not exist, the user will be prompted to login.

3

User Authentication

User logs in if they don't already have a session

4

OAuth Flow Intitalized

The Stytch <B2BIdentityProvider /> component initalizes the OAuth flow and redirects the user back to Acme Calendar with an auth code.

5

Get Access Token

Auth code exchanged for Access Token

This is an interactive demonstration. Click the button above to start the OAuth flow.

Built with v0