Stytch architecture

Stytch is natively embedded into your application, allowing you to leverage our backend and client-side SDKs to build exactly what you need.

There are three different high level approaches to integrating Stytch directly into your application:

1. Backend Integration: entirely server-side integration, where your backend calls Stytch's API through our backend SDK
2. Headless Frontend Integration: your client invokes Stytch's headless frontend SDKs, which handles things like client-side session management out of the box, while providing flexibility in UX and UI
3. Pre-built UI Frontend Integration: your client mounts the Stytch UI component on relevant routes, and the Stytch SDK handles the full login flow automatically

While we describe these as distinct integration options, most customers mix-and-match approaches to fit their needs. If you are using our pre-built UI for login, you might still leverage the headless methods for post-login changes (e.g. updating profile information) and if you are using our frontend SDKs, it is important to still do server-side session authentication checks with our backend SDKs for security reasons.

Frontend (prebuilt UI)Frontend (headless)Backend