In LaunchYourApp, we use Magic Link with Supabase and Expo. Follow these steps to configure Magic Link:

1

Configure app.json

Ensure your app.json has the slug and scheme configured. LaunchYourApp includes this by default, but remember to change it to the name of your application:

"slug": "launch-your-app",
"scheme": "exp+launch-your-app",
2

Supabase Setup

  1. Open your Supabase project.
  2. Go to the “Authentication” tab.
  3. Click on the “URL Configuration” tab.

You should see a screen like this:

  1. In the Site Url field, enter the scheme of your application that we configured in the previous step, and include :// at the end.

  2. In the Redirect URLs field, include these three URLs:

  • http://192.168.0.3:8081 - This is the URL that your application usually runs in development mode, but you can change it to your local IP.
  • http://localhost:8081 - This is another URL that your application usually runs in development mode. Again, you can change it to your localhost Port and IP.
  • exp+launch-your-app://confirm-magic-link - This is the URL that your application will open when the user clicks on the Magic Link. Change launch-your-app to the scheme of your application.
3

Test

Now you can test your Magic Link:

  1. Open LaunchYourApp.
  2. Click on the “Continue with Magic Link” button.
  3. You should receive an email with the Magic Link.
  4. Click on the link in the email.
  5. LaunchYourApp should open with the user logged in.
GoogleSupabase