Transcodes Documentation
⚡ 2 min readWelcome to Transcodes — B2B Authentication as a Service
Quick Navigation
Transcodes
Transcodes is an Authentication Infrastructure as a Service (AaaS) for passwordless login and step-up authentication. We focus on step-up MFA to protect sensitive actions and passkey-first authentications with recovery/fallback options for startups, small businesses, and no-code website builders
Integrate in either of these ways (details: Quick Integration):
index.html (CDN)
In your root index.html, add the Transcodes WebWorker CDN script:
<script
type="module"
src="https://cdn.transcodes.link/{PROJECT_ID}/webworker.js"
></script>const result = await transcodes.openAuthIdpModal({
resource: 'users',
action: 'delete',
});Open the authentication modal with one function call. No backend code. No complex configuration. Just works
PWA (installable Web App Kit) still requires loading webworker.js from
HTML (manifest + sw.js as in the guides). The npm SDK alone does not
replace that path—see Web App Installation
Guide.
Documentation Structure
LLM Context
| Page | Description |
|---|---|
| LLM Context | Use https://transcodes.io/llms.txt with AI coding tools |
Introduction
| Page | Description |
|---|---|
| Overview | Transcodes overview, WebAuthn, CDN + npm quick start |
| How It Works | Authentication flow and architecture |
| Why Transcodes | Benefits, vendor comparison, and integration contrast |
| Architecture | System design, token model, CSP, privacy, checklist, operational security |
Quick Integration
| Page | Description |
|---|---|
| Overview | Framework comparison, universal setup |
| React | React + Vite integration |
| Next.js | Next.js App Router integration |
| Vue.js | Vue 3 + Vite integration |
| Vanilla JS | Vanilla JavaScript integration |
Web App Cluster
| Page | Description |
|---|---|
| Overview | Web App Kit Cluster overview |
| Installation Guide | SDK installation |
| Configuration | RP ID, token expiration, legal URLs |
| App Icons | App icon configuration |
| Widget | Auth widget setup |
| Screenshots | Screenshot capture |
| Cache Strategy | Caching best practices |
| Surveillance | Coming soon |
Authentication Cluster
| Page | Description |
|---|---|
| Overview | Authentication Kit Cluster overview |
| Installation Guide | Documentation, webworker script, TypeScript definitions |
| Branding | Customize auth UI branding |
| RBAC | Role-based access control |
| Audit Logs | User analytics and audit trails |
| Configuration | Project configuration |
| Step-up Session | Step-up authentication sessions |
| Webhook | Webhook configuration |
| Backup | Encrypted user data backup |
| JSON Web Key | JWK for server-side JWT verification |
| Passkey-first Login | 6-step passkey implementation guide |
| Step-up Auth | 4-step MFA for sensitive actions |
API Reference
| Page | Description |
|---|---|
| Overview | API sections overview |
| Token API | getAccessToken, getCurrentMember, signOut |
| Member API | member.get() |
| Events API | on(), off(), AUTH_STATE_CHANGED, etc. |
| Modal API | openAuthLoginModal, openAuthIdpModal, etc. |
| Audit API | trackUserAction() |
| Init & Config | init(), setConfig(), isInitialized() |
| Types | ApiResponse, Member, AuthResult, etc. |