Auris
Comenzar gratis

Quickstart

Integra Auris en tu aplicacion en menos de 5 minutos.

1. Crea una cuenta

Si aun no tienes una cuenta, registrate gratis para obtener tus credenciales de API.

2. Obtén tus claves de API

Despues de iniciar sesion, ve a Configuracion → API Keys para obtener:

  • AURIS_API_KEY - Tu clave secreta del servidor
  • AURIS_PUBLISHABLE_KEY - Tu clave publica del cliente

Importante

Nunca expongas tu AURIS_API_KEY en el cliente. Solo usa la clave publica en el frontend.

3. Instala el SDK

Elige tu framework:

N

Next.js

App Router & Pages

R

React

Vite, CRA, etc.

N

Node.js

Express, Fastify

4. Configura las variables de entorno

Crea un archivo .env.local en la raiz de tu proyecto:

# .env.local
NEXT_PUBLIC_AURIS_PUBLISHABLE_KEY=pk_live_xxxxx
AURIS_API_KEY=sk_live_xxxxx
NEXT_PUBLIC_AURIS_API_URL=https://api.aurisid.com

5. Agrega el provider

Envuelve tu aplicacion con el provider de Auris:

// app/layout.tsx
import { AurisProvider } from '@auris/nextjs';

export default function RootLayout({
  children,
}: {
  children: React.ReactNode;
}) {
  return (
    <html lang="es">
      <body>
        <AurisProvider>
          {children}
        </AurisProvider>
      </body>
    </html>
  );
}

6. Protege tus rutas

Usa el middleware para proteger rutas que requieren autenticacion:

// middleware.ts
import { authMiddleware } from '@auris/nextjs/server';

export default authMiddleware({
  publicRoutes: ['/', '/sign-in', '/sign-up'],
});

export const config = {
  matcher: ['/((?!.*\\..*|_next).*)', '/', '/(api|trpc)(.*)'],
};

7. Agrega componentes de UI

Auris incluye componentes pre-construidos para login y registro:

// app/sign-in/page.tsx
import { SignIn } from '@auris/nextjs';

export default function SignInPage() {
  return (
    <div className="flex min-h-screen items-center justify-center">
      <SignIn />
    </div>
  );
}

Listo!

Tu aplicacion ahora tiene autenticacion completa con Auris.

Siguientes pasos