Adding social login with TikTok to your app with Clerk is simple - you only need to set the Client ID, Client Secret and Authorized redirect URI in your instance settings.
To make the development flow as smooth as possible, Clerk uses preconfigured shared OAuth credentials and redirect URIs for development instances - no other configuration is needed.
For production instances, you will need to create your own developer account with Google and generate your own Client ID and Client secret.
You need to have a TikTok Developer account. To create one, visit the TikTok for developers page and click on Login ➜ Sign Up
First, you need to create a new TikTok app. Go to the TikTok for developers page, login with your developer account and create a new app by clicking on the My Apps ➜ Connect a new app and following the on screen wizard.
Add an icon and a name for your new project and hit Start.
You'll get redirected to the app creation form. Notice that you need to fill the Callback URL and Redirect domain fields. Go to the Clerk Dashboard, select your Application, and navigate to Instances ➜ Settings ➜ User Management ➜ SSO. Click the Manage credentials button under the Github provider, select Custom profile and copy the Authorized redirect URI.
Go back to the TikTok panel, paste the value into the Callback URL field. Copy the
clerk.[your-domain].com part of the URL and paste it in the Redirect domain field. Hit Apply to compete the registration.
Once your app is approved, simply copy the Client Key and Client Secret from the TikTok panel, go back to the Clerk dashboard, open the Manage credentials modal for the TikTok provider and and paste them into the respective fields.
Don't forget to click Apply in the Clerk dashboard. Social login with TikTok is now configured 🔥
Learn how to add social login with TikTok to your Clerk application by following the Social login (OAuth) guide.