How to Add GitHub Social Login with Magic

How to Add GitHub Social Login with Magic

Supported Platforms

Web   React Native   iOS   Android

You can allow your users to sign up & log in to your web app with their GitHub account.

GitHub Login Button Style your GitHub button however you’d like!

👉 Play with a demo

Prerequisites

GitHub Setup

After installing the OAuth extension, you can now enable GitHub Login for your Magic app:

  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. Copy the Redirect URI field from your Magic Dashboard

  7. Return to your GitHub Dashboard and paste the Redirect URI you obtained from your Magic Dashboard into the "Authorization callback URL" field

Paste Redirect URI into GitHub OAuth setup

  1. Click "Register App" to complete your GitHub OAuth app setup.

  2. On the next page, obtain the "Client ID" and "Client Secret"

GitHub OAuth app settings showing client ID and client secret fields

  1. Return to your Magic Dashboard and input the Client ID and Client Secret for your GitHub OAuth app

  2. In Magic Dashboard, click “Save” – Done! 🎉

How to Add GitHub Social Login with Magic