개요

Authon은 모든 앱을 위한 드롭인 인증을 제공하는 범용 인증 플랫폼입니다 — OAuth 제공자, 비밀번호 없는 로그인, 매직 링크, JWT 토큰, 모두 완전 관리형.

Authon이란?

Authon은 인증의 복잡성을 처리하여 당신이 제품 개발에 집중할 수 있게 해줍니다. 사전 구축된 UI 컴포넌트, 15개 이상 플랫폼을 위한 개발자 SDK, 사용자·세션·OAuth 제공자를 관리하는 강력한 대시보드를 갖춘 호스팅 인증 서비스를 제공합니다.

Clerk이나 Auth0의 셀프호스팅 대안으로, 데이터에 대한 완전한 제어권과 완전히 커스터마이징 가능한 로그인 경험을 제공합니다.

주요 기능

아키텍처

Authon은 세 가지 구성 요소로 이루어져 있습니다:

• API 서버: 인증, 사용자 관리, OAuth 흐름을 처리하는 NestJS 백엔드.
• 대시보드: 프로젝트, 사용자, 제공자, API 키를 관리하는 Next.js 관리 인터페이스.
• 클라이언트 SDK: React, Vue, Next.js, Node.js 등을 위한 브라우저 및 서버 SDK.

빠른 예제

세 단계로 React 앱에 인증을 추가하세요:

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>
  );
}