Step 2: Load the SDK (CDN)

⏱ 3 min

Copy the snippet from Authentication Kit → Installation Guide in the Console (includes your Project ID):


<script
  src="https://cdn.transcodes.link/{YOUR_PROJECT_ID}/webworker.js"
  defer
></script>

Use the global transcodes object after the script loads — do not call init(). Project ID and backend config are already baked into webworker.js; the SDK bootstraps itself on DOMContentLoaded.

Download transcodes.d.ts from Project Setup for TypeScript.

transcodes.init() is not used with the CDN snippet. It exists only on a separate dynamic.min.js bundle (legacy/advanced). Console Installation Guide ships webworker.js only.

Stack	Guide
React	React
Next.js	Next.js
Vue	Vue
Plain HTML	Vanilla JS

Verify: console.log(transcodes) should show redirectToSignIn, handleSignInCallback, token, on.

Next: Step 3: Redirect to sign in