# Supabase Integration Update — December 2023

> To celebrate Supabase Launch Week X, we’ve put together a summary of the latest functionality of our Supabase integration, including web app examples that work with Supabase.

- Published: 2023-12-12
- Author: Kobie Botha
- Category: Product Update
- Source: https://powersync.com/blog/supabase-integration-update-december-2023

---

We’ve seen many Supabase users implement PowerSync since we released our [integration to enable offline-first for Supabase apps](https://docs.powersync.com/integration-guides/supabase-+-powersync) on August 10th. To celebrate Supabase Launch Week X, we’ve put together a summary of the latest functionality of our Supabase integration.

We’ve focused on extending PowerSync’s functionality as well as providing guides and resources for Supabase users and we’ve already seen some impressive implementations. For a recap of our initial announcement, watch our [showcase event with Supabase’s Tyler Shukert](https://www.youtube.com/watch?v=O41BgDFRFMA).

Here are the main things we’ve added to our Supabase integration:

## JS Web SDK: Offline-first for web apps

![](https://powersync.com/images/blog/supabase-integration-update-december-2023-inline-a8935e3e09.png)

You can now add PowerSync to any web framework for instant offline-first web apps with Supabase as your backend. Our [JS Web SDK](https://docs.powersync.com/client-sdk-references/js-web) is [currently in beta](https://powersync.com/blog/announcing-web-support) and provides these features:

  * Direct access to the SQLite database — use SQL on the client and server.
  * Operations are asynchronous by default — does not block the UI.
  * No need for client-side database migrations — these are handled automatically.
  * Real-time streaming of changes.
  * Subscribe to queries for live updates.

## New implementation guides

![](https://powersync.com/images/blog/supabase-integration-update-december-2023-inline-812b4345fa.png)

We’ve created guides for frequent use cases: see all available guides [here](https://docs.powersync.com/usage/use-case-examples) or jump to a specific guide below:

  * [Full-text search](https://docs.powersync.com/usage/use-case-examples/full-text-search) (using SQLite FTS5)
  * [Syncing attachments / files](https://docs.powersync.com/usage/use-case-examples/attachments-files)
  * [Using custom types, arrays and JSON](https://docs.powersync.com/usage/use-case-examples/custom-types-arrays-and-json)

## Web app examples that work with Supabase

![](https://powersync.com/images/blog/supabase-integration-update-december-2023-inline-37451293d6.png)

We’ve released two example implementations of our Web SDK + Supabase so far:

  * [React To-Do List App](https://github.com/powersync-ja/powersync-js/tree/main/demos/react-supabase-todolist)
  * [Angular To-Do List App](https://github.com/powersync-ja/powersync-js/tree/main/demos/angular-supabase-todolist) (installable as a PWA)

## Video tutorial: How to build an offline-first chat app [Flutter]

![](https://powersync.com/images/blog/supabase-integration-update-december-2023-inline-d62a74d7bd.png)

We’ve released a full step-by-step [video tutorial](https://youtu.be/EmtOfiELasY) on how to go from zero to offline-first using [Supabase’s Flutter chat app](https://supabase.com/blog/flutter-tutorial-building-a-chat-app) as a starting point. The finished chat app:

  * Integrates the PowerSync and Supabase client SDK
  * Syncs messages between users in real-time
  * Supports reading and creating messages, even when offline

 _A written tutorial is coming soon._

## React Native offline-first group chat app

![](https://powersync.com/images/blog/supabase-integration-update-december-2023-inline-7924d9ae33.png)

With help from **Benedikt M** , we’ve made a [fully functional group chat demo app available](https://github.com/powersync-ja/powersync-js/tree/main/demos/react-native-supabase-group-chat). This offline-first group chat app is more advanced than our simple chat app example, with contacts, the ability to create new group chats, and even a typing indicator! [Watch our interview with Benedikt](https://youtu.be/Ygvdri7o6Fc?si=fD7xfu8ZgELvhRiW) about his experience using PowerSync for this and read his [blog post](https://bndkt.com/blog/2023/building-an-offline-first-chat-app-using-powersync-and-supabase).

## Flutter offline-first Trello clone

![](https://powersync.com/images/blog/supabase-integration-update-december-2023-inline-9bdce89807.png)

Kanban boards like Trello typically require some sync and offline functionality. For example, you would want to see in real-time if someone moves a card to a different list. Or create a new card immediately when you think about a new task, even if you might be offline. With help from **Herman L** , we’ve made a [fully functional offline-first Trello clone](https://github.com/powersync-ja/powersync-supabase-flutter-trello-demo) available. You’re free to clone the repo, make your own updates or simply scroll through the repo to see how it works.

## Rumors surrounding Launch Week X

![](https://powersync.com/images/blog/supabase-integration-update-december-2023-inline-da6b4af83d.png)

Supabase put some wild rumors to rest by providing (much needed) clarity on why there's no Launch Week 9. [Their tweet thread](https://x.com/supabase/status/1734147850085257282?s=20) exposing the [**REDACTED**].

That's it for now! Look out for new updates as we explore a deeper integration between PowerSync and Supabase, and [join our Discord server](https://discord.gg/powersync) if you have any questions.