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.
- 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 theprovidersprop on theAuthSectioncomponent so that it includesapple. 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 src/components/AuthSocial.js.
Did you find this guide helpful? Anything confusing? Please reach out and let us know.