Skip to Content
DocumentationTable of Contents

Transcodes Documentation

⚡ 2 min read

Welcome 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):

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

PageDescription
LLM ContextUse https://transcodes.io/llms.txt with AI coding tools

Introduction

PageDescription
OverviewTranscodes overview, WebAuthn, CDN + npm quick start
How It WorksAuthentication flow and architecture
Why TranscodesBenefits, vendor comparison, and integration contrast
ArchitectureSystem design, token model, CSP, privacy, checklist, operational security

Quick Integration

PageDescription
OverviewFramework comparison, universal setup
ReactReact + Vite integration
Next.jsNext.js App Router integration
Vue.jsVue 3 + Vite integration
Vanilla JSVanilla JavaScript integration

Web App Cluster

PageDescription
OverviewWeb App Kit Cluster overview
Installation GuideSDK installation
ConfigurationRP ID, token expiration, legal URLs
App IconsApp icon configuration
WidgetAuth widget setup
ScreenshotsScreenshot capture
Cache StrategyCaching best practices
SurveillanceComing soon

Authentication Cluster

PageDescription
OverviewAuthentication Kit Cluster overview
Installation GuideDocumentation, webworker script, TypeScript definitions
BrandingCustomize auth UI branding
RBACRole-based access control
Audit LogsUser analytics and audit trails
ConfigurationProject configuration
Step-up SessionStep-up authentication sessions
WebhookWebhook configuration
BackupEncrypted user data backup
JSON Web KeyJWK for server-side JWT verification
Passkey-first Login6-step passkey implementation guide
Step-up Auth4-step MFA for sensitive actions

API Reference

PageDescription
OverviewAPI sections overview
Token APIgetAccessToken, getCurrentMember, signOut
Member APImember.get()
Events APIon(), off(), AUTH_STATE_CHANGED, etc.
Modal APIopenAuthLoginModal, openAuthIdpModal, etc.
Audit APItrackUserAction()
Init & Configinit(), setConfig(), isInitialized()
TypesApiResponse, Member, AuthResult, etc.
Last updated on