Skip to content

Latest commit

 

History

History
64 lines (38 loc) · 1.87 KB

README.md

File metadata and controls

64 lines (38 loc) · 1.87 KB
Raw

PowerSync + Supabase Vue Demo: Todo List (TypeScript)

Note: Beta Release

The powersync/vue package is currently in a beta release.

Overview

Demo app demonstrating use of the PowerSync Vue together with Supabase.

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

Recommended Setup

  • VS Code + Vue - Official (previously Volar) and disable Vetur

  • Use vue-tsc for performing the same type checking from the command line, or for generating d.ts files for SFCs.

Getting Started

In the repo directory, use pnpm to install dependencies:

pnpm install
pnpm build:packages

Then switch into the demo's directory:

cd demos/vue-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 and PowerSync.

Run the development server:

pnpm 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:

pnpm build

Learn More

Check out PowerSync Vue on GitHub - your feedback and contributions are welcome!

To learn more about PowerSync, see the PowerSync docs.