Demo app demonstrating use of the PowerSync SDK for Web together with Supabase and the PowerSync TanStackDB integration.
Prerequisites:
- To run this demo, you need to have properly configured Supabase and PowerSync projects. Follow the instructions in our Supabase<>PowerSync integration guide:
Switch into the demo's directory:
cd demos/react-supabase-todolist-tanstackdbUse pnpm to install dependencies:
pnpm installSet up the Environment variables: Copy the .env.local.template file:
cp .env.local.template .env.localAnd then edit .env.local to insert your credentials for Supabase.
Run the development server:
pnpm devOpen 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 buildRun the production server:
pnpm previewOpen 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.