Templates

Signup form with phone OTP verification with Supabase template

Verify your users' phone number sending them a one-time-password (OTP) and sign them up with Supabase.

Templates
Signup form with phone OTP verification with Supabase

About this template

This signup form with Supabase includes:

  1. An initial step that requires the full name, email and password.
  2. A second step that requires the phone number.
  3. A flow that generates an OTP and sends it via SMS.
  4. A third step that requires the verification code.
  5. And last, a flow that verifies the OTP, creates the account and issues a token to automatically log the user in.

How to configure this template

Requirements

An active Supabase account and the following information:

  • API URL
  • Service key
  • Redirect URI
This template uses a test-only action to send SMS. Consider replacing it by your own SMS provider (eg. Twilio) before using it in production environments to avoid limitations.

API URL

This can be found by selecting your Supabase project and going to Settings -> API and copying the Project URL. 

Service key

This can be found by selecting your Supabase project -> Settings -> API and copying the service_role secret. 

Redirect URI

By default, the user will be redirected to your main site URL, if you want to redirect the user elsewhere (eg. admin panel), add a Redirect UI in the flow action "Generate link":

And remember to permit the previous URL under Authentication -> URL Configuration:

A native experience for your brand

Style our forms following your brand guidelines and embed them into your frontend framework with a single line of code.

Explore the docs

Integrate this template with your own stack

Send your data back and forth between Arengu and your favourite apps.

Getting started with Arengu

Arengu allows you to build all your user flows connected to your current stack, and avoids coding all the UI, complex integrations, validations or logic from scratch. Try it for free and start building faster and scaling your application needs as they grow.