Skip to content

For more information on what a Signer is, refer to the concepts page.

Setting up your project to use the React Native Signer

Setting up the React Native Signer is similar to setting up the React Signer with a few extra steps.

  1. Get your API key by creating a new app in your Alchemy Dashboard

  2. Create a new account config in your Account Kit Dashboard


    a. Apply the config to your app from step 1

    apply your the config to the app from the first step

    b. Enable authentication methods you want to support.


    Email auth

    To use email auth, toggle on email.

    • To use email auth in your React Native app, your app needs to be set up to handle deep links that can be served via http or https.
    • In production scenarios, you would want to set up Android App Links on android or Universal Links on iOS to gracefully handle deep links.
    • For testing, simply setting up a simple server on http://localhost:3000 or any other server you control which redirects an incoming request to your app scheme is the easiest way to get started. a sample implementation of this can be found the example folder of the React Native Signer repo.
    • The http or https url you set up in the previous step would need to be added as the Redirect URL in the Account Kit Dashboard.
    • This is the url that the user will be redirected to if you use the magic link email flow to log in your users.
    • Optionally stylize ✨ the email with your brand color and logo!

    configure email auth
  3. Create the config and copy the API Key

    how to copy the api key

Ensure Deep Linking is properly configured

If you plan on using email auth, you'll need to ensure deep linking is properly configured in your app.

Depending on if your app uses expo-router, react-navigation, or some other navigation library, you'll need to configure deep linking accordingly.

Here are some useful links for some common navigation libraries: