Primeros pasos

Resumen

Authon es una plataforma de autenticación universal que ofrece autenticación lista para usar en cualquier app — proveedores OAuth, inicio de sesión sin contraseña, enlaces mágicos y tokens JWT, todo completamente gestionado.

¿Qué es Authon?

Authon gestiona la complejidad de la autenticación para que puedas concentrarte en construir tu producto. Proporciona un servicio de autenticación alojado con componentes de UI preconstruidos, un SDK para desarrolladores compatible con 15+ plataformas y un panel potente para gestionar usuarios, sesiones y proveedores OAuth.

Piénsalo como una alternativa autohospedada a Clerk o Auth0, con control total sobre tus datos y una experiencia de inicio de sesión completamente personalizable.

Características principales

20+ proveedores OAuth
Google, Apple, GitHub, Kakao, Naver, Discord y más.
Inicio de sesión sin contraseña
Enlaces mágicos y OTP por correo de fábrica.
SDK para 15 plataformas
React, Vue, Next.js, Angular, React Native y más.
UI personalizable
Personaliza tu modal de inicio de sesión con colores, logotipos y temas oscuro/claro.
Eventos de Webhook
Eventos en tiempo real para registro, inicio de sesión, bloqueo y más.
Seguridad empresarial
JWT con tokens de actualización, PKCE, limitación de velocidad y registros de auditoría.

Arquitectura

Authon está compuesto por tres componentes:

  • Servidor de API: Backend NestJS que gestiona la autenticación, la administración de usuarios y los flujos OAuth.
  • Panel de administración: Interfaz de administración Next.js para gestionar proyectos, usuarios, proveedores y claves API.
  • SDKs de cliente: SDKs frontend para React, Vue, Next.js y más.

Ejemplo rápido

Agrega autenticación a una app React en tres pasos:

bash
npm install @authon/react
App.tsx
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>
  );
}
¿Listo para comenzar?
Sigue la guía de inicio rápido de 5 minutos para agregar Authon a tu app.
Inicio rápido
Authon — Plataforma universal de autenticación