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 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

providers={['google', 'github', 'twitter']}
onProviderLoginRequested={(provider) => {

You can configure whichever providers you like using the supabase dashboard. Head over to{your-project}/auth/providers and configure the providers you require.

They will automatically work in your frontend. No other configuration required.