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.