Skip to content
Vendidit Auth

Preact adapter

Install

Terminal window
pnpm add @vendidit/auth-client preact

Wrap your app

import { AuthProvider } from '@vendidit/auth-client/preact';


export function App() {
    return (
        <AuthProvider
            config={{
                apiBaseUrl: 'https://auth.vendidit.com/api/v1',
                appCode: 'marketplace-buyer',
            }}
        >
            <Routes />
        </AuthProvider>
    );
}

The Preact adapter has the same surface as React — useAuth, useLogin, useLogout, useStartSso, useVerifyEmail, useRequestMagicLink, etc. See React adapter for the full hook list — every hook maps 1:1.

UI components — Preact only

The composed UI components ship under the Preact adapter:

import { CompleteLoginFlow } from '@vendidit/auth-client/preact/ui/flows';
import { LoginForm } from '@vendidit/auth-client/preact/ui/forms';
import { UserMenu, LogoutButton } from '@vendidit/auth-client/preact/ui/atoms';

See the live catalog at auth-demo.vendidit.com. The demo is the canonical “how to integrate” reference for the Preact UI components.