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.
- 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