Nextbase Docs
Authentication

Overview

NextBase comes with Email, Email + password and Third party providers authentication built-in.

It only has small wrappers around the supabase javascript client.

Supported auth methods

Authentication TypeDescription
EmailAuthentication using only the user's email.
Email + PasswordAuthentication using the user's email and password.
Third Party ProvidersAuthentication using third-party providers. Examples given are Google, GitHub, and Twitter.
Configuration is done via the Supabase dashboard.
Login with API KeyAuthentication using an API key using Unkey (Nextbase Ultimate only).

Providers

Providers are configured using the RenderProviders component. It renders all the providers passed to it as props. For example, the login page component Login.tsx 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.

Setting up Supabase for Production

Learn how to set up Supabase for production. This guide will walk you through creating an account, creating a project, and setting up environment variables for production.

Login with Password

Nextbase supports traditional email and password authentication, providing a familiar login experience for users.

On this page