Signup form with phone OTP verification with Supabase
About this template
This signup form with Supabase includes:
An initial step that requires the full name, email and password.
A second step that requires the phone number.
A flow that generates an OTP and sends it via SMS.
A third step that requires the verification code.
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:
Other similar templates
Import a template with just a few clicks and adapt it to your needs
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.