arrow-left Back to Announcements
DATE:
AUTHOR:
PowerSync Product Team
Flutter SDK FlutterFlow

Introducing the New PowerSync + FlutterFlow Integration

DATE:
AUTHOR: PowerSync Product Team

We are excited to introduce our updated PowerSync FlutterFlow integration, making it easier than ever to build offline-first apps in FlutterFlow, utilizing Supabase as the backend. This latest version introduces a dedicated PowerSync FlutterFlow Library, offering a simpler and more robust solution compared to the previous version, which required extensive custom code.

PowerSync enables real-time sync between Supabase and an in-app SQLite database. Instead of making network requests to query Supabase, your app interacts directly with a local SQLite database—PowerSync keeps it updated in the background. For users, this means instant interactions and immediate visibility of data changes made by others. This offline-first (or “local-first”) architecture ensures your app remains responsive and fully functional, even when offline.

Learn more about the PowerSync + FlutterFlow integration in this blog post.

Key Improvements

  • Uses the new PowerSync FlutterFlow Library: This simplifies the implementation significantly:

    • Fewer manual configuration steps.

    • You no longer need to write excessive custom code to interact with PowerSync.

  • Supports Web-based Test Mode: You can now easily test your app in your web browser.

  • Working Attachments Package (Coming Soon): A future update will introduce attachment support utilizing PowerSync's Attachment Package for Flutter.

Getting Started

To begin using the new PowerSync FlutterFlow integration, follow our PowerSync + FlutterFlow Integration Guide. On a high level, the guide covers how to:

  1. Configure Supabase and PowerSync: Set up a Supabase project and connect it with PowerSync.

  2. Install the PowerSync FlutterFlow Library in your FlutterFlow project.

  3. Build Your App’s UI: Utilize FlutterFlow's UI builder to create your app's frontend components.

  4. Implement Data Operations: Set up read, create, update, and delete functions using the PowerSync library.

  5. Secure Your App: Implement Row-Level Security (RLS) in Supabase and update Sync Rules in PowerSync to protect user data.

Resources

Powered by LaunchNotes