GitHub Social Login with Magic

​

Usage

​

Prerequisites

• You will need a GitHub account
• You will need to have the Magic SDK installed into your web app
• You will need to have the Magic SDK - OAuth Extension installed into your web app

​

GitHub Setup

1. Follow GitHub’s instructions to create an OAuth app
2. Go to your Magic Dashboard
3. Select the Magic app for which you’d like to enable GitHub Login, or create a new app
4. Navigate to Social Login from the sidebar
5. Click the toggle for GitHub
6. Return to your GitHub Dashboard and add your Redirect URI in the Authorization callback URL field: Add the Redirect URI you are passing as the redirectURI argument to the loginWithRedirect method:
   JavaScript

   Copy

   Ask AI

   await magic.oauth2.loginWithRedirect({
     provider: 'github',
     redirectURI: 'https://your-app.com/your/oauth/callback', // whitelist this with GitHub
   });
   

7. Click Register App to complete your GitHub OAuth app setup
8. On the next page, obtain the Client ID and Client Secret

9. Return to your Magic Dashboard and input the Client ID and Client Secret for your GitHub OAuth app
10. In Magic Dashboard, click Save

​

Resources

• GitHub Social Login Demo