Frontend Integrations

AuthAction provides official SDKs for the most popular frontend frameworks. Each guide shows the recommended SDK approach first, followed by the manual setup using the community library for reference.

Official AuthAction SDKs

SDK	Frameworks	Install
@authaction/web-sdk	React, Angular, Vue 3, Next.js (client-side), Vanilla JS	npm install @authaction/web-sdk
@authaction/server-sdk	Next.js (SSR), Nuxt, Remix, SvelteKit	npm install @authaction/server-sdk

Available Guides

• React: Official SDK (@authaction/web-sdk/react) or react-oidc-context
• Angular: Official SDK (@authaction/web-sdk/angular) or angular-oauth2-oidc
• Vue.js: Official SDK (@authaction/web-sdk/vue) or oidc-client-ts
• Next.js: Official SDK (@authaction/web-sdk/nextjs or @authaction/server-sdk/nextjs) or NextAuth.js
• Vanilla JS: Official SDK (@authaction/web-sdk) or oauth4webapi
• Nuxt.js: Official SDK (@authaction/server-sdk/nuxt) or @sidebase/nuxt-auth
• Remix: Official SDK (@authaction/server-sdk/remix) or remix-auth
• SvelteKit: Official SDK (@authaction/server-sdk/svelte) or arctic

What You’ll Need

1. An AuthAction account with a registered application
2. Your application’s Client ID and Tenant Domain
3. Configured Redirect URI and Logout Redirect URI in the AuthAction dashboard

Each guide includes a complete working example repository, environment configuration, and common troubleshooting tips.