Adding new login providers to Supabase

Adding new login providers to Supabase

This guide shows you how to add a new authentication provider to your Supabase integration. By default your integration includes email, google, facebook, twitter, and github, but what if you wanted to enable your users to login with apple too? Here's how you do it.

🗣

Keep in mind that your code may look slightly different then the examples below, depending on your Divjoy export options. The main structure, variables, and function names should be the same though.

  1. Export your codebase. This change must be done in code after export.
  2. Add the new authentication provider in Supabase. Follow the instructions from our main Supabase guide.
  3. Go to src/pages/auth.js and update the providers prop on the AuthSection component so that it includes apple. This is what it should look like:
  4. image

    That's it! The AuthSection component will pass those providers down to the AuthSocial component, which will iterate through and render a button for each. Make sure you also have an image named icon-apple.svg at the image path you see specified inside of src/components/AuthSocial.js.

🗣

Did you find this guide helpful? Anything confusing? Please reach out and let us know.