Overview

Authon is a universal authentication platform that gives you drop-in auth for any app — OAuth providers, passwordless login, magic links, and JWT tokens, all fully managed.

What is Authon?

Authon handles the complexity of authentication so you can focus on building your product. It provides a hosted authentication service with pre-built UI components, a developer SDK for 15+ platforms, and a powerful dashboard for managing users, sessions, and OAuth providers.

Think of it as a self-hosted alternative to Clerk or Auth0, with full control over your data and a fully customizable login experience.

Key Features

Architecture

Authon consists of three components:

• API Server: NestJS backend that handles authentication, user management, and OAuth flows.
• Dashboard: Next.js admin interface for managing projects, users, providers, and API keys.
• Client SDKs: Browser and server SDKs for React, Vue, Next.js, Node.js, and more.

Quick Example

Add authentication to a React app in three steps:

npm install @authon/react

import { AuthonProvider, SignedIn, SignedOut, UserButton } from "@authon/react";

export default function App() {
  return (
    <AuthonProvider publishableKey="pk_live_your_key">
      <SignedIn>
        <Dashboard />
        <UserButton />
      </SignedIn>
      <SignedOut>
        <LandingPage />
      </SignedOut>
    </AuthonProvider>
  );
}