rn-supabase-dev

Build a React Native Expo MVP with Supabase authentication and CRUD.

Updated Apr 13, 2026
One-click install
npx skills add https://github.com/fosejary/simple-todo --skill rn-supabase-dev
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: rn-supabase-dev
Source: https://github.com/fosejary/simple-todo/tree/main/.claude/skills/rn-supabase-dev
Command: npx skills add https://github.com/fosejary/simple-todo --skill rn-supabase-dev

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

React Native MVP development becomes slow and error-prone when you have to wire up Expo setup, Supabase Auth/DB/Storage, data access patterns, and navigation from scratch without a consistent structure.

Core Features & Use Cases

  • Expo + Expo Router project scaffold: Establishes a file-based routing layout that supports auth flows and tab navigation.
  • Supabase integration blueprint: Implements Supabase client initialization with AsyncStorage-backed sessions and environment-based configuration.
  • Auth, data models, and CRUD hooks: Guides Supabase migrations with RLS and provides CRUD hooks for entity-level operations tied to the UI.
  • State management and forms: Uses Zustand for session/state and React Hook Form + Zod for typed, validated input workflows.
  • Build configuration for EAS: Prepares production-ready build settings via eas.json and app.json for Android packaging.

Quick Start

Use the rn-supabase-dev skill to generate a complete React Native (Expo) MVP template that connects to Supabase Auth and CRUD features using Expo Router and Zustand.

Frequently Asked Questions about rn-supabase-dev

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I set up a React Native MVP with Supabase authentication and CRUD operations?

To set up a React Native MVP with Supabase, use this Skill to scaffold an Expo project with Expo Router, configure the Supabase client with AsyncStorage sessions, and generate auth flows, database migrations, RLS policies, and typed CRUD hooks.

How does Supabase auth state management work with Expo Router?

Supabase auth state with Expo Router works by initializing the Supabase client with AsyncStorage to persist user sessions and using Zustand for state management to seamlessly route users between authentication screens and protected tab navigation.

Can I use Expo Router file-based navigation for a Supabase React Native app?

Yes, you can use Expo Router for a Supabase React Native app. This Skill establishes a file-based routing layout that directly supports conditional auth flows and tab navigation, ensuring screens render based on the current Supabase authentication state.

What's the best way to handle Supabase database migrations and RLS in a React Native project?

The best way to handle Supabase migrations and RLS in React Native is to apply structured database migration scripts and policy setups. This Skill guides you in implementing these policies alongside entity-level CRUD hooks tied to your UI.

Do I need React Hook Form and Zod for typed forms in a React Native Supabase app?

You need React Hook Form and Zod if you want typed, validated input workflows in your React Native Supabase app. This Skill integrates them to ensure data integrity before it reaches your Supabase CRUD operations.

How do I configure EAS build settings for an Expo React Native Android app?

To configure EAS build settings for an Expo Android app, this Skill prepares production-ready build configurations via eas.json and app.json, allowing you to package your React Native Supabase MVP for deployment.