Docs

Add Discord as a social connection

You will learn the following:

  • Use Discord to authenticate users with OAuth

Enabling OAuth with Discord allows your users to sign up and sign in to your Clerk application with their Discord account.

Configure for your development instance

For development instances, Clerk uses preconfigured shared OAuth credentials and redirect URIs—no other configuration is needed.

  1. In the Clerk Dashboard, navigate to the SSO connections page.
  2. Select Add connection and select For all users.
  3. In the Choose provider dropdown, select Discord.
  4. Select Add connection.

Configure for your production instance

For production instances, you must provide custom credentials, which involves generating your own Client ID and Client Secret using your Discord account.

To make the setup process easier, it's recommended to keep two browser tabs open: one for the Clerk Dashboard and one for your Discord Developers Portal.

Enable Discord as a social connection in Clerk

  1. In the Clerk Dashboard, navigate to the SSO connections page.
  2. Select Add connection and select For all users.
  3. In the Choose provider dropdown, select Discord.
  4. Ensure that both Enable for sign-up and sign-in and Use custom credentials are toggled on.
  5. Save the Redirect URI somewhere secure. Keep the modal and page open.

Create a Discord Developer app

  1. On a separate page, go to the Discord Developers Portal and sign in.
  2. In the top-right, select New Application.
  3. Complete the required fields and select Create. You'll be redirected to the General Information page.
  4. In the sidebar, select OAuth2.
  5. Under Redirects, select Add Redirect. Paste the Redirect URI you saved from the Clerk Dashboard.
  6. Select Save Changes. You may need to tap anywhere on the screen for the button to show. Keep this page open.

Set the Client ID and Client Secret in the Clerk Dashboard

  1. In your Discord Developers Portal, copy the Client ID and Client Secret. If you don't see the Copy button under the Client Secret, select Reset Secret to generate a new one.
  2. Navigate back to the Clerk Dashboard where the modal should still be open and paste these values into the respective fields.
  3. Select Add connection.

Note

If the modal or page is not still open, navigate to the SSO connections page in the Clerk Dashboard. Select the Discord connection. Under Use custom credentials, you can paste the Client ID and Client Secret into their respective fields.

Test your OAuth

The simplest way to test your OAuth is to visit your Clerk app's Account Portal, which is available for all Clerk apps out-of-the-box.

  1. In the Clerk Dashboard, navigate to the Account Portal page.
  2. Next to the Sign-in URL, select Visit. The URL should resemble:
  • For developmenthttps://your-domain.accounts.dev/sign-in
  • For productionhttps://accounts.your-domain.com/sign-in
  1. Sign in with your Discord account.

Feedback

What did you think of this content?

Last updated on