Hugging Face authentication

Hugging Face authentication lets your users sign in with the Hugging Face account they already use for AI tools and communities.

What this integration supports (optional)

• Social sign in with Hugging Face
• Redirect to different pages for success, error, and first-time users

Setup in the Hugging Face dashboard

1. Go to the Hugging Face settings for your account or organization.
2. Create a new OAuth application (or an equivalent app configuration).
3. Add a redirect URL (the URL Hugging Face sends users back to after login).
   • Use the full URL of the page you select as Success page in WeWeb.
4. Copy the credentials Hugging Face provides (for example Client ID and Client Secret).

Connect Hugging Face in WeWeb

1. In the WeWeb editor, go to Data & API → Auth → Integrating providers.
2. Select Hugging Face and turn on the Enable toggle.
3. Paste the values from Hugging Face into the fields shown in WeWeb.
4. Click Save.

Test sign in

1. In Interface, add a “Continue with Hugging Face” button.
2. Create a workflow on click and add Sign in with social provider.
3. Set:
   • Provider: hugging-face
   • Success page, Error page, And (optional) New user page
4. Preview your app and complete the sign-in flow.

For details about sessions, roles, and protecting pages and data after sign in, see the shared auth docs.

Common pitfalls

Redirect URL mismatch

If Hugging Face rejects the login with a redirect error:

• Confirm the redirect URL in Hugging Face exactly matches the Success page URL you selected in WeWeb.
• Make sure you’re testing the same environment (preview vs production) you configured.

Reference

Settings

Setting in WeWeb	Description	Where to find it in Hugging Face
Client ID	Identifies your Hugging Face app.	In your OAuth app configuration.
Client Secret	Used to complete the sign-in flow securely.	In your OAuth app configuration.

FAQs

Which redirect URL should I add in Hugging Face?

Use the full URL of the page you choose as Success page in Sign in with social provider (for the environment you’re testing).