Authentication Feature

Table of Contents

• Introduction
• Authentication Flow
• Templates

Introduction

This is the documentation for the authentication Feature, which handles authenticating users.

Authentication Flow

Authentication flow is built upon best UI/UX practices with high care. Instead of the old system of login with email and password which is both outdated, and not secure, we've updated our system to work using magic links or social providers (such as Google.).

This way, signup flows have highly reduced friction, and login is smoother for your users.

This is how the authentication flow goes:

• User goes to login page
• Decides if he wants to login with Google or Magic link
• If with Google, he'll be authenticated right away.
• If with Email, he'll receive a link (Magic link) in his email, and be able to login/signup with that.

Check it out in our demo in https://demo.faststartup.dev

Template

You can use these templates in your project:

• LoginTemplate: Ready-made login page for your users.
• AuthenticationLayoutTemplate: A layout that wraps authentication components.

Import them like this:

import {
  LoginTemplate,
  AuthenticationLayoutTemplate,
} from "@/templates/authentication";