PowerSync + Supabase React Native Demo: Todo List

Overview

Demo app demonstrating use of the PowerSync SDK for React Native together with Supabase.

A step-by-step guide on Supabase<>PowerSync integration is available here. Follow all the steps until, but not including, Test Everything (Using Our Demo App).

In the repo directory, use pnpm to install dependencies:

pnpm install
pnpm build:packages

Then switch into the demo's directory:

cd demos/react-native-supabase-todolist

Set up the Environment variables: Copy the .env file:

cp .env .env.local

And then edit .env.local to insert your credentials for Supabase.

Run on iOS

pnpm ios

Run on Android (see Set Up Your Environment to allow you to develop with Android emulators and iOS simulators).

pnpm android

General information on defining environment variables with Expo can be found here here.

Check out the PowerSync SDK for React Native on GitHub - your feedback and contributions are welcome!

To learn more about PowerSync, see the PowerSync docs.