Tutorial-style integration guide for creating offline-first apps with Supabase and PowerSync, using a demo to-do list app in Flutter, React Native, Web, Kotlin Multiplatform and Swift.
Video walkthrough of the integration guide.
Configure Supabase:
Configure PowerSync:
Test the configuration
lists
and todos
. The demo app will have access to these tables even while offline.
Run the below SQL statements in your Supabase SQL Editor:
SELECT
privilege, and for the publication mentioned in the next step (as well as for any other publications that may exist).
Next
version of the Service, which may contain early access or experimental features. Always use the Stable
version in production.[YOUR-PASSWORD]
placeholder)
powersync_role
and password you created when configuring your Supabase for PowerSync (see Source Database Setup).
verify-full
SSL mode without additional configuration.
sync-rules.yaml
file.
supabaseUrl
(from the Project URL section in the Supabase dashboard) and supabaseAnonKey
(from the API Keys section in the Supabase dashboard)powersyncUrl
, click the copy icon on your instance to copy its URL:http://localhost:3000
— you can ignore this.