Quick BoilerPlate to make RN / Expo AI Apps
AI Voice Stack
- Vapi
- Deepagram
Auth + DB
- Supabase
- Expo Apple Authentication
Style
- NativeWind
State
- Async Storage (due to supabase)
- (mmkv)
- (Zustand)
Navigation
- React Navigation
ENVS
- react dot env
- Create new project
- Get SUPABASE_URL and SUPABASE_ANON_KEY
- Then watch this YT tutorial (https://www.youtube.com/watch?v=6I2JEky20ME) You will need an Apple Dev Account
- On Dashboard --> Project Settings --> Authentication (https://supabase.com/dashboard/project/_/auth/providers)
- With
Authorized Client IDs
, addiOS, host.exp.Exponent
because Expo needs authorization - Ensure it is com.xxx.xxx not com.xxx.xxx.service
- Reference env.example
- Add into env
Prereq: Paid Apple Dev Account ($99)
Ensure your app name is not taken
- App Icons
- Splash Icons
- https://www.appicon.co/
- https://medium.com/how-tos/how-to-add-an-app-icon-and-a-launch-screen-to-your-xcode-project-7f29832d6f6c
Submitting (Expo)
- eas build --platform ios Use a new certificate for all
- eas submit -p ios
- Around 5 - 10 mins to buold
- increment version numbers: https://expo.fyi/bumping-ios-build-number
Submitting (RN CLI if )
- XCode --> Product --> Archive
- Validate
- Distribute --> App Store
ENVS
- use EAS Secrets.
-
Install dependencies
npm install
-
Start the app
npx expo start