PowerSync + Supabase Web FEDSA Workshop Demo: Todo List

Overview

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

A step-by-step guide on Supabase<>PowerSync integration is available here.

Getting Started

In the repo directory, to install dependencies:

npm install

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

cp .env.local.template .env.local

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

Run the development server:

npm run dev

Open http://localhost:5173 with your browser to see the result.

Progressive Web App (PWA)

This demo is PWA compatible, and works fully offline. PWA is not available in development (watch) mode. The manifest and service worker is built using vite-plugin-pwa.

Build the production codebase:

npm run build

Run the production server:

npm run preview

Open a browser on the served URL and install the PWA.

Learn More

Check out the PowerSync Web SDK on GitHub - your feedback and contributions are welcome!

To learn more about PowerSync, see the PowerSync docs.