Stytch + Expo example app

Overview

This example app includes a mobile application powered by React Native and Expo

This application demonstrates a mobile friendly signup and sign in flow powered by Stytch. In this example the following Stytch products are used:

1. Email Magic Links
2. SMS passcodes
3. OAuth
4. Biometrics
5. Session management

Running locally

Create a Stytch account

Sign up and create a new project in Stytch.

Stytch Dashboard Configuration

Open the Stytch Dashboard Frontend SDK Configuration.

1. Enable the Frontend SDK in your project.
2. Add com.stytch.sdk.expo.example as a Bundle ID.

Clone repository

git clone https://github.com/stytchauth/stytch-expo-example.git
cd stytch-expo-example

Copy the .env.template file and use the public token found in your Stytch project dashboard.

Install Dependencies

npm install

Create an Expo development build

Learn more about how to create and install a development build to your device.

# Install Expo CLI
npm install -g eas-cli

# Install expo-dev-client
npx expo install expo-dev-client

# Login to your Expo account
eas login

# Link this example app to your Expo project.
npm install --global eas-cli && \
eas init --id <YOUR_EXPO_PROJECT_ID>

# Create a development build of this example app
# For an iOS simulator build, use the following command:
eas build --profile development-simulator --platform ios

# For an Android emulator build, use the following command:
eas build --profile development --platform android

Start Expo

npm run start
# Press 'i' to open on iOS, or 'a' to open on Android

Documentation

Learn more about the React Native SDK.