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.
In the repo directory, use pnpm to install dependencies:
pnpm install
pnpm build:packages
Then switch into the demo's directory:
cd demos/react-supabase-todolist
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.
Run the development server:
pnpm dev
Open http://localhost:5173 with your browser to see the result.
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:
pnpm build
Run the production server:
pnpm preview
Open a browser on the served URL and install the PWA.
Check out the PowerSync Web SDK on GitHub - your feedback and contributions are welcome!
To learn more about PowerSync, see the PowerSync docs.