This guide shows you how to add a new authentication provider to your Supabase integration. By default your integration includes
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.
- Export your codebase. This change must be done in code after export.
- Add the new authentication provider in Supabase. Follow the instructions from our main Supabase guide.
- Go to
src/pages/auth.jsand update the
providersprop on the
AuthSectioncomponent so that it includes
apple. This is what it should look like:
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
Did you find this guide helpful? Anything confusing? Please reach out and let us know.