• Blog
  • Documentation
  • Courses
  • Changelog
  • AI Starters
  • UI Kit
  • FAQ
  • Supamode
    New
  • Pricing

Launch your next SaaS in record time with Makerkit, a React SaaS Boilerplate for Next.js and Supabase.

Makerkit is a product of Makerkit Pte Ltd (registered in the Republic of Singapore)Company Registration No: 202407149CFor support or inquiries, please contact us

About
  • FAQ
  • Contact
  • Verify your Discord
  • Consultation
  • Open Source
  • Become an Affiliate
Product
  • Documentation
  • Blog
  • Changelog
  • UI Blocks
  • Figma UI Kit
  • AI SaaS Starters
License
  • Activate License
  • Upgrade License
  • Invite Member
Legal
  • Terms of License
    • Auth Overview
    • Setting up Firebase Auth
    • Auth Flow
    • Third-Party Providers
    • Email Link Authentication
    • Multi-Factor Authentication
    • Requiring Email verification
    • Auth SSR
    • Page Guards
    • API Guards
    • Prevent abuse with AppCheck
    • Custom React Hooks
    • Troubleshooting

Set up Multi-Factor Authentication

Learn how to setup Multi Factor Authentication with Firebase Auth in your MakerKit application

Multi-Factor Authentication allows users to add an additional layer of protection when logging in to a website, which is ideal for services that tend to be more sensitive or where privacy is paramount.

At the time of writing, Firebase Auth supports only SMS MFA.

Enabling Multi-Factor Authentication

Enabling MFA in your Makerkit application requires two steps:

  1. You need to upgrade to Google Cloud Identity Platform from the Firebase Console, as it is needed to support MFA
  2. Flipping the variable auth.enableMultiFactorAuth to true in the configuration file, as it is disabled by default
configuration.ts
auth: {
// flip this to "true"
enableMultiFactorAuth: true,
}

After enabling MFA, users can set it up from the Authentication page at /settings/authentication.

Loading video...

On this page
  1. Enabling Multi-Factor Authentication