Authentication

The /register route hosts a form for users to create accounts.

The registrationHandler function handles requests in the following ways:

• Success
• Error
• Duplicate Account

The /login route hosts a form for users log into their accounts.

The loginHandler function handles requests in the following ways:

• Success
• Error

Once a user is logged in, on the login page you will see a Sign Out button. The authentication state is available globally through the app and a logout button can be created anywhere through following snippet:

{#if $userTokenStore}
    <button on:click={() => supabase.auth.signOut()}>Sign Out</button>
{/if}

The $userTokenStore will hold the auth state and you can use it to dynamically display a sign out button on your app.

Setup

Navigate to Supabase and head to your project’s dashboard.

<h2>Reset Password</h2>

<p>Follow this link to reset the password for your user:</p>
<p><a href="{{ .ConfirmationURL }}update-password">Reset Password</a></p>

Usage

The /reset-password route hosts a form for users reset their own password.

The resetPasswordHandler function handles requests in the following ways:

• Success
• Error

The /update-password route hosts a form for users update their password after receiving a magic link via the password reset process.

The updatePasswordHandler function handles requests in the following ways:

• Success
• Error