[{"_1":2,"_71":-5,"_72":-5},"loaderData",{"_3":4,"_13":14,"_67":68},"root",{"_5":6,"_7":8,"_9":10,"_11":12},"language","en","className","bg-background min-h-screen antialiased light","theme","light","csrfToken","AAgGHSxlw+xBpQT/hR0bGd8IbYzanpVijLX4gXY6","routes/marketing/docs/layout",{"_15":16},"pages",[17,42,50,58],{"_18":19,"_20":21,"_22":19,"_23":19,"_24":25,"_26":27,"_28":29,"_30":-7,"_31":32,"_33":34,"_35":36,"_37":-7,"_38":39,"_40":41},"id","authentication/configuration","title","Configuration","url","slug","description","Learn how authentication works in MakerKit and how to configure it.","publishedAt","2024-04-11T00:00:00.000Z","content","

The way you want your users to authenticate can be driven via configuration.

If you open the global configuration at src/configuration.ts, you'll find the auth object:

import type { Provider } from '@supabase/gotrue-js/src/lib/types';\n\nauth: {\n  requireEmailConfirmation: false,\n  providers: {\n    emailPassword: true,\n    phoneNumber: false,\n    emailLink: false,\n    oAuth: ['google'] as Provider[],\n  },\n}\n

As you can see, the providers object can be configured to only display the auth methods we want to use.

For example, by setting both phoneNumber and emailLink to true, the authentication pages will display the Email Link authentication and the Phone Number authentication forms.
Instead, by setting emailPassword to false, we will remove the email/password form from the authentication and user profile pages.

Requiring Email Verification

This setting needs to match what you have set up in Supabase. If you require email confirmation before your users can sign in, you will have to flip the following flag in your configuration:

auth: {\n  requireEmailConfirmation: false,\n}\n

When the flag is set to true, the user will not be redirected to the onboarding flow, but will instead see a successful alert asking them to confirm their email. After confirmation, they will be able to sign in.

When the flag is set to false, the application will redirect them directly to the onboarding flow.

Emails sent by Supabase

Supabase spins up an InBucket instance where all the emails are sent: this is where you can find emails related to password reset, sign-in links, and email verifications.

To access the InBucket instance, you can go to the following URL: http://localhost:54324/. Save this URL, you will use it very often.

","image","status","published","categories",[],"tags",[],"parentId","order",0,"children",[],{"_18":43,"_20":44,"_22":43,"_23":43,"_24":45,"_26":27,"_28":46,"_30":-7,"_31":32,"_33":47,"_35":48,"_37":-7,"_38":39,"_40":49},"getting-started/getting-started","Getting started with Makerkit","Makerkit is a SaaS Starter Kit that helps you build a SaaS. Learn how to get started with Makerkit.","

Makerkit is a SaaS Starter Kit that helps you build a SaaS. It provides you with a set of tools and best practices to help you build a SaaS quickly and efficiently.

Getting started

To get started with Makerkit, follow these steps:

Sign up for an account on the Makerkit website.
Create a new project by clicking on the "New Project" button.
Choose a template for your project. Makerkit provides several templates to help you get started quickly.

Features

Makerkit provides the following features to help you build a SaaS:

User authentication
User management
Subscription management
Billing and payments
Super Admin

... and many more!

",[],[],[],{"_18":51,"_20":52,"_22":51,"_23":51,"_24":53,"_26":27,"_28":54,"_30":-7,"_31":32,"_33":55,"_35":56,"_37":-7,"_38":39,"_40":57},"getting-started/installing-dependencies","Installing Dependencies","Learn how to install dependencies for your project.","

To install dependencies in your project, please install pnpm by running the following command:

npm install -g pnpm\n

Next, navigate to your project directory and run the following command:

pnpm install\n

This will install all the dependencies listed in your package.json file.

",[],[],[],{"_18":59,"_20":60,"_22":59,"_23":59,"_24":61,"_26":27,"_28":62,"_30":-7,"_31":32,"_33":63,"_35":64,"_37":-7,"_38":65,"_40":66},"authentication/authentication","Authentication","Learn how to set up authentication in your MakerKit application.","

MakerKit uses Supabase to manage authentication within your application.

By default, every kit comes with the following built-in authentication methods:

Email/Password - we added, by default, the traditional way of signing in
Third Party Providers - we also added by default Google Auth sign-in
Email Links
Phone Number

You're free to add (or remove) any of the methods supported by Supabase's Authentication: we will see how.

This documentation will help you with the following:

Setup - setting up your Supabase project
SSR - use SSR to persist your users' authentication, adding new providers
Customization - an overview of how MakerKit works so that you can adapt it to your own application's needs

",[],[],1,[],"routes/marketing/docs/index",{"_20":69,"_24":70},"Documentation","Tutorials and guide to get started with the platform","actionData","errors"]