In this session, we will create a new Clerk Project and add redirect URLs to it.
Preview of the final app
Create a new Clerk project
- Create a new project
- Build the SignIn Page (only Google Login for now)
- On the Dashboard, go to "Configure" -> "SSO Connections"
The Google should be available under SSO (Single Sign On) already
Add the Redirect URLs
Now we need to add the Redirect URLs
This is to tell Google where to hand the "baton" after they finish their segment in the "race". Refer to this article on the analogy: Login with Google OAuth using Expo, Clerk, and iOS — Finally DemystifiedFind under “Developers“ -> ”Native Applications“
(!this is only for Metro local server for now. For future Production version it'd be "Web Applications")
- Add the Redirect URLs ("The Relay Race Baton")
It'd be
- "[scheme]://oauth-native-callback" and
- "exp://127.0.0.1:8081/--/oauth-native-callback"
- The [scheme] will match to the scheme in app.json
<< Prev Step: Package Install
Next Step: Add Clerk API Key >>
Series Reference
| Part | Title | Focus |
|---|---|---|
| Intro | Introduction | Introduction |
| Part 1 | Install | Packages installation |
| Part 2 | Clerk Dashboard | Creating the Clerk Project |
| Part 3 | API Key | Adding Clerk API Keys |
| Part 4 | Google Cloud Console | Google Cloud Console |
| Part 5 | Expo Router Guard | App Structure & Routing |
| Part 6 | Login (source code) | Login implementation (Clerk SDK) |
| Part 7 | Logout (source code) | Logout and app demo video |
Top comments (2)
Nice visual explain I'm planning to use Clerk within one of my projects very soon.
Great! Looking forward to reading about your project!