Add Hugging Face as a social connection
You will learn the following:
- Use Hugging Face to authenticate users with OAuth
Before you start
Enabling OAuth with Hugging Face allows your users to sign up and sign in to your Clerk application with their Hugging Face account.
Configure for your development instance
For development instances, Clerk uses preconfigured shared OAuth credentials and redirect URIs — no other configuration is needed.
To configure your development instance, follow these steps:
- In the Clerk Dashboard, navigate to the SSO connections page.
- Select the Add connection button and select For all users.
- In the Choose provider dropdown, select Hugging Face.
- Select Add connection.
Configure for your production instance
In production instances, you must provide custom credentials.
To configure your production instance, follow these steps:
Enable Hugging Face as a social connection
- In the Clerk Dashboard, navigate to the SSO connections page.
- Select the Add connection button and select For all users.
- In the Choose provider dropdown, select Hugging Face.
- Ensure that both Enable for sign-up and sign-in and Use custom credentials are toggled on.
- Save the Redirect URL somewhere secure. Keep this modal and page open.
Create a Hugging Face Connected App
- In the top-right of Hugging Face, select your avatar and select Settings.
- In the left sidebar, select Connected Apps.
- Under Developer Applications, select Create App.
- Complete the form. Under Scopes, select the scopes that your app requires. At minimum, select openid, profile, and email. Under Redirect URLs, paste the Redirect URL value you saved from the Clerk Dashboard.
- Select Create. The page should refresh and display the Client ID and App Secret. Save these values somewhere secure.
Set the Client ID and App Secret in the Clerk Dashboard
- Navigate back to the Clerk Dashboard where the modal should still be open. Paste the Client ID and App Secret values that you saved into the respective fields.
- Select Add connection.
The simplest way to test your connection is to visit your Clerk app's Account Portal, which is available for all Clerk apps out-of-the-box.
- In the Clerk Dashboard, navigate to the Account Portal page.
- Next to the Sign-in URL, select Visit. The URL should resemble:
- For development –
https://your-domain.accounts.dev/sign-in
- For production –
https://accounts.your-domain.com/sign-in
- Sign in with your connection's credentials.
Feedback
Last updated on