Connect React Native Expo apps to Supabase with auth and realtime updates.
npx skills add https://github.com/nghiahsgs/taw-kit --skill taw-rn-supabase
Please help me install this Agent Skill. Skill: taw-rn-supabase Source: https://github.com/nghiahsgs/taw-kit/tree/main/skills/taw-rn-supabase Command: npx skills add https://github.com/nghiahsgs/taw-kit --skill taw-rn-supabase
Wire a mobile React Native (Expo) taw-kit project to a Supabase backend with session persistence, magic-link OAuth callbacks via expo-linking, realtime subscriptions, and shared TypeScript types with the Next.js web app twin. This mobile counterpart mirrors the web auth-magic-link flow while respecting RN-specific constraints. Trigger phrases: "supabase react native", "supabase mobile", "auth mobile expo", "magic link mobile", "tich hop supabase vao app", "supabase deep link".
Install and wire the RN Supabase integration in your Expo project to enable magic-link authentication and realtime data syncing.
High-intent search queries and answers about installing and using this skill.
To persist Supabase auth sessions in React Native, you wire the Supabase client with AsyncStorage to securely store and retrieve user session tokens across app restarts on mobile devices.
Magic-link sign-in in React Native uses expo-linking to generate deep links, capturing the OAuth callback URL to automatically redirect users back into the mobile app after they click the email link.
Yes, you can share TypeScript types between a React Native app and a Next.js web app to maintain cross-platform parity and ensure data structures match across both Supabase integrations.
No, you should avoid putting Supabase service keys in your Expo mobile app to enforce safe deployment practices, instead relying on the anon key and Row Level Security policies for client-side access.
Subscribing to Supabase realtime updates in React Native requires configuring the Supabase client to establish realtime subscriptions, handling mobile-specific network constraints to sync data instantly.
The best way to sync web and mobile auth states with Supabase is to configure the React Native app as a counterpart to the Next.js web app, mirroring the magic-link flow while respecting mobile-specific constraints.
AratKruglikDetect and configure React Navigation v7 or Expo Router based on project dependencies.
aberrantCodeConfigure Next.js App Router projects with Supabase authentication and Drizzle ORM.
aigars-stgQuery STP Supabase database with natural language and explore schemas.
TMHSDigitalAdd secure authentication to React Native and Expo apps with Supabase, Firebase, or Clerk.
