SDK Documentation — Azirid

Quick Start

Get started with azirid-react in three steps: install, wrap your app with AziridProvider, and use the pre-built forms.

terminal

npm install azirid-react
# peer dependencies
npm install react react-dom

1. Wrap your app with AziridProvider

app/layout.tsx

import { AziridProvider } from "azirid-react";

export default function RootLayout({ children }) {
  return (
    <AziridProvider
      publishableKey="pk_live_..."  // from dashboard
      tenantId="tenant_abc"         // optional
    >
      {children}
    </AziridProvider>
  );
}

2. Use LoginForm to add authentication

app/login/page.tsx

import { LoginForm } from "azirid-react";

export default function LoginPage() {
  return (
    <LoginForm
      onSuccess={(data) => router.push("/dashboard")}
      onError={(err) => console.error(err)}
    />
  );
}

Everything you need to integrate Azirid

Quick Start