runway

Runway

Authentication Tutorial

A tutorial going over setting up authentication, including password-based, passwordless, and social logins.

First, ensure you have set up your Supabase account and have your API keys ready.


Password-Based Auth

This is the classic login method. Users provide an email and password. The system validates inputs (using) and processes sign-ups or sign-ins securely on the server.

All inputs are validated and all emails are verified.



Passwordless Auth

For a frictionless experience, users can log in without a password. They simply enter their email, and a magic link or OTP is sent:

No passwords to remember means less friction and a smoother user experience.



Social & OAuth Logins

Social login allows users to authenticate using their existing accounts (Google, Facebook, Apple, GitHub, etc.). This flow is unified so you can easily switch providers without changing your core code.

OR

Customize the OAuth buttons by simply adjusting the provider’s name and logo—supporting as many providers as you need.



Enjoy the freedom to pick the authentication method that fits your project best!