Skip to content

Latest commit

 

History

History
56 lines (37 loc) · 2.22 KB

README.md

File metadata and controls

56 lines (37 loc) · 2.22 KB

Expo Router Convex Auth Example

An example of using Convex Auth with Expo Router and gluestack-ui components. This app uses the Passwords authentication method with email verification using the Resend email provider.

This is an Expo project created with create-expo-app. You can try out the public preview at expo-router-convex-auth.vercel.app, or build the Android or iOS apps following the instructions below.

Screenshot_1732315260 Screenshot_1732315440

Get started

  1. Install dependencies

    pnpm install
  2. Set up the Convex project

    npx convex dev
  3. Set up Convex Auth and environment variables

    npx @convex-dev/auth

    Set the SITE_URL environment variable (https://labs.convex.dev/auth/setup/manual#configure-site_url):

    OTP providers require a SITE_URL variable even though the value is not used. Set this to a placeholder value if using OTPs with React Native:

    npx convex env set SITE_URL http://localhost:3000

    Sign up for Resend, obtain your API key, and set the AUTH_RESEND_KEY environment variable:

    npx convex env set AUTH_RESEND_KEY yourresendkey
  4. Start the app

     npx expo start

In the output, you'll find options to open the app in a

You can start developing by editing the files inside the app directory. This project uses file-based routing.