# Transcodes

> Passkey-first B2B authentication service. Load via HTML CDN (one `<script>`) or `@bigstrider/transcodes-sdk` (`init({ projectId })`). Opens pre-built modals for login, step-up MFA, member console, and admin panel. Issues JWTs. No backend auth code required.

Base URL: https://transcodes.io

---

## Integration

- [Overview (CDN vs @bigstrider/transcodes-sdk, frameworks, checklist)](https://transcodes.io/docs/quick-integration)
- [React + Vite](https://transcodes.io/docs/quick-integration/react)
- [Next.js App Router](https://transcodes.io/docs/quick-integration/nextjs)
- [Vue 3 + Vite](https://transcodes.io/docs/quick-integration/vue)
- [Vanilla JS](https://transcodes.io/docs/quick-integration/vanilla)

## Passkey Login demo (step-by-step)

1. [Create project in Console](https://transcodes.io/docs/demonstration/passkey-login/create-project)
2. [Load SDK — CDN or @bigstrider/transcodes-sdk](https://transcodes.io/docs/demonstration/passkey-login/import-cdn)
3. [Open login modal](https://transcodes.io/docs/demonstration/passkey-login/call-login-modal)
4. [Auth state events](https://transcodes.io/docs/demonstration/passkey-login/listen-state)
5. [Verify JWT on server](https://transcodes.io/docs/demonstration/passkey-login/server-side)

## Step-up MFA demo

1. [Prerequisites](https://transcodes.io/docs/demonstration/stepup-mfa/prerequisites)
2. [Load SDK — CDN or @bigstrider/transcodes-sdk](https://transcodes.io/docs/demonstration/stepup-mfa/import-cdn)
3. [Open MFA modal](https://transcodes.io/docs/demonstration/stepup-mfa/call-mfa-modal)
4. [Handle MFA response](https://transcodes.io/docs/demonstration/stepup-mfa/handle-mfa-response)

## API Reference (canonical)

- [Modal API](https://transcodes.io/docs/api-reference/modal) — openAuthLoginModal, openAuthConsoleModal, openAuthAdminModal, openAuthIdpModal
- [Token API](https://transcodes.io/docs/api-reference/token) — getCurrentMember, getAccessToken, isAuthenticated, signOut
- [Member API](https://transcodes.io/docs/api-reference/member) — member.get
- [Events API](https://transcodes.io/docs/api-reference/events) — AUTH_STATE_CHANGED, TOKEN_REFRESHED, TOKEN_EXPIRED, ERROR
- [Audit API](https://transcodes.io/docs/api-reference/audit) — trackUserAction
- [Init & Config](https://transcodes.io/docs/api-reference/init-config) — init (@bigstrider/transcodes-sdk), TranscodesInitOptions
- [Types](https://transcodes.io/docs/api-reference/types) — Member, AuthResult, IdpOpenParams, IdpAuthResponse, ApiResponse

## Authentication Cluster (Console settings)

- [Installation Guide](https://transcodes.io/docs/authentication-cluster/installation-guide)
- [Configuration](https://transcodes.io/docs/authentication-cluster/configuration) — RP ID, token expiry, legal URLs
- [Branding](https://transcodes.io/docs/authentication-cluster/branding)
- [RBAC](https://transcodes.io/docs/authentication-cluster/rbac)
- [JSON Web Key](https://transcodes.io/docs/authentication-cluster/json-web-key) — server-side JWT verification
- [Audit Logs](https://transcodes.io/docs/authentication-cluster/audit-logs)
- [Backup](https://transcodes.io/docs/authentication-cluster/backup)

## Concepts

- [How It Works](https://transcodes.io/docs/introduction/how-it-works) — DPoP, passkey crypto, recovery
- [Why Transcodes](https://transcodes.io/docs/introduction/why-transcodes) — vs Auth0/Stytch/DIY WebAuthn
- [Architecture + Security](https://transcodes.io/docs/introduction/architecture) — token model, CSP, HTTPS, checklist

## Optional

- [Pricing](https://transcodes.io/pricing)
- [FAQ](https://transcodes.io/qnas)
- [Terms](https://transcodes.io/terms)
- [Privacy](https://transcodes.io/privacy)