Skip to content

Solid adapter

Install

Terminal window
pnpm add @vendidit/auth-client solid-js

Wrap your app

import { AuthProvider } from '@vendidit/auth-client/solid';
export default function Root() {
return (
<AuthProvider
config={{
apiBaseUrl: 'https://auth.vendidit.com/api/v1',
appCode: 'marketplace-buyer',
}}
>
<App />
</AuthProvider>
);
}

Read auth state

import { useAuth } from '@vendidit/auth-client/solid';
function Header() {
const auth = useAuth();
return (
<Show
when={auth.isAuthenticated()}
fallback={<a href="/login">Sign in</a>}
>
<span>{auth.user()?.email}</span>
</Show>
);
}

Solid’s reactivity model means the hooks return getter functions (auth.user(), auth.isAuthenticated()) instead of plain values. Otherwise the API surface mirrors React.