Login with Facebook

This Button allows users to authenticate using their Facebook Accounts.
Prerequisites
Before getting started with this section, ensure you have:
Completed all steps in the Supabase setup section for your project. (Skip if you have already enabled the integration of Supabase in Teta)
Enable Facebook Auth for your project on Supabase
Completed Supabase Authentication.
Creating a Login with Facebook Button
To allow users to authenticate using their Facebook account, you need a login page with a button.
1. Creating a Form
Inside the Tree Area, insert the Column widget from the Widget Panel.
Add the Text field widget inside the Column and change its Hint Text to Email.
Add another Text field widget below and change its Hint Text to Password.
Finally, add the Login with Facebook button widget from the Widget Panel.
2. Adding a Login Action
Select the Login Button from the tree area.
Click on Actions + (on the right side of your screen).
Click on Action dropdown.
Find the Action Type dropdown and change it to Supabase Auth.
Find the Gesture dropdown below and change it to OnTap.
Find the dropdown below and select Sign in with facebook.
Finally in the Which Page? select the page that you want the user to sign in on once logged in.

Last modified 9mo ago