NextBase
Search
⌃K

Authentication

NextBase comes with Email, Email + password and Third party providers authentication built-in.
It only has small wrappers around the supabase javascript client.
The authentication queries are present in the supabase-queries.ts file. Corresponding hooks are present within react-query-hooks.ts file. Both files are within the utils folder.

Providers

Providers are configured using the RenderProviders component. It renders all the providers passded to it as props. For eg: the login page component Login.tsx component renders providers like so
<RenderProviders
providers={['google', 'github', 'twitter']}
isLoading={providerMutation.isLoading}
onProviderLoginRequested={(provider) => {
providerMutation.mutate({
provider,
});
}}
/>
You can configure whichever providers you like using the supabase dashboard. Head over to https://app.supabase.com/project/{your-project}/auth/providers and configure the providers you require.
They will automatically work in your frontend. No other configuration required.
Arni Creative Private Limited @2023