Update READMEs to reflect new way of using demos

LucDeCaf · LucDeCaf · commit 9c262f319930 · 2025-12-10T15:45:42.000+02:00
diff --git a/demos/example-capacitor/README.md b/demos/example-capacitor/README.md
@@ -4,9 +4,9 @@ Example demonstrating the use of the [PowerSync SDK for Capacitor](/packages/cap
 
 To see it in action:
 
-1. Make sure to run `pnpm install` and `pnpm build:packages` in the root directory of this repo.
+1. `cd` into this directory and run `pnpm install`.
 2. Copy `.env.local.template` to `.env.local`, and complete the environment variables. You can generate a [temporary development token](https://docs.powersync.com/usage/installation/authentication-setup/development-tokens), or leave blank to test with local-only data.
-3. `cd` into this directory and run `pnpm start`.
+3. Run `pnpm start`.
 4. Open the localhost URL displayed in the terminal output in your browser.
 
 ## iOS
diff --git a/demos/example-electron-node/README.md b/demos/example-electron-node/README.md
@@ -18,7 +18,7 @@ In particular:
 
 To see it in action:
 
-1. Make sure to run `pnpm install` and `pnpm build:packages` in the root directory of this repo.
+1. Make sure to run `pnpm install` in the demo's directory.
 2. Copy `.env.local.template` to `.env.local`, and complete the environment variables. You can generate a [temporary development token](https://docs.powersync.com/usage/installation/authentication-setup/development-tokens), or leave blank to test with local-only data.
    The example works with the schema from the [PowerSync + Supabase tutorial](https://docs.powersync.com/integration-guides/supabase-+-powersync#supabase-powersync).
 3. `cd` into this directory. In this mono-repo, you'll have to run `./node_modules/.bin/electron-rebuild` once to make sure `better-sqlite3` was compiled with Electron's toolchain.
diff --git a/demos/example-electron/README.md b/demos/example-electron/README.md
@@ -4,8 +4,8 @@ Example demonstrating the use of the [PowerSync SDK for Web](/packages/web/READM
 
 To see it in action:
 
-1. Make sure to run `pnpm install` and `pnpm build:packages` in the root directory of this repo.
+1. `cd` into this directory and run `pnpm install`.
 2. Copy `.env.local.template` to `.env.local`, and complete the environment variables. You can generate a [temporary development token](https://docs.powersync.com/usage/installation/authentication-setup/development-tokens), or leave blank to test with local-only data.
-3. `cd` into this directory and run `pnpm start`.
+3. Run `pnpm start`.
 
-The Electron app should open automatically.
+The Electron app should open automatically.
diff --git a/demos/example-nextjs/README.md b/demos/example-nextjs/README.md
@@ -4,7 +4,7 @@ This example is built using [Next.js](https://nextjs.org/) and the [PowerSync JS
 
 To see it in action:
 
-1. Make sure to run `pnpm install` and `pnpm build:packages` in the root directory of this repo.
+1. `cd` into this directory and run `pnpm install`.
 2. Copy `.env.local.template` to `.env.local`, and complete the environment variables. You can generate a [temporary development token](https://docs.powersync.com/usage/installation/authentication-setup/development-tokens), or leave blank to test with local-only data.
-3. `cd` into this directory and run `pnpm start`.
+3. Run `pnpm start`.
 4. Open the localhost URL displayed in the terminal output in your browser.
diff --git a/demos/example-node/README.md b/demos/example-node/README.md
@@ -6,8 +6,8 @@ This demo is configured to talk to an example backend [you can host yourself](ht
 
 1. Start one of the Node.js backend examples from [the self-host-demo repository](https://github.com/powersync-ja/self-host-demo).
 2. If necessary, change `.env` to point to the started backend and sync service.
-3. Run `pnpm install` and `pnpm build:packages` in the root of this repo.
-4. In this directory, run `pnpm run start`.
+3. `cd` into this directory and run `pnpm install`.
+4. Run `pnpm start`.
 
 This opens the local database, connects to PowerSync, waits for a first sync and then runs a simple query.
 Results from the query are printed every time it changes. Try:
diff --git a/demos/example-vite-encryption/README.md b/demos/example-vite-encryption/README.md
@@ -6,6 +6,6 @@ If the database does exist, it will use the encryption key to access the databas
 
 To see it in action:
 
-1. Make sure to run `pnpm install` and `pnpm build:packages` in the root directory of this repo.
-2. `cd` into this directory, and run `pnpm start`.
+1. `cd` into this directory and run `pnpm install`.
+2. Run `pnpm start`.
 3. Open the localhost URL displayed in the terminal output in your browser.
diff --git a/demos/example-vite/README.md b/demos/example-vite/README.md
@@ -4,6 +4,6 @@ This is a minimal example demonstrating bundling with Vite. It attempts a connec
 
 To see it in action:
 
-1. Make sure to run `pnpm install` and `pnpm build:packages` in the root directory of this repo.
-2. `cd` into this directory, and run `pnpm start`.
+1. `cd` into this directory and run `pnpm install`.
+2. Run `pnpm start`.
 3. Open the localhost URL displayed in the terminal output in your browser.
diff --git a/demos/example-webpack/README.md b/demos/example-webpack/README.md
@@ -4,6 +4,6 @@ This is a minimal example demonstrating bundling with Webpack. It attempts a con
 
 To see it in action:
 
-1. Make sure to run `pnpm install` and `pnpm build:packages` in the root directory of this repo.
-2. `cd` into this directory, and run `pnpm start`.
+1. `cd` into this directory and run `pnpm install`.
+2. Run `pnpm start`.
 3. Open the localhost URL displayed in the terminal output in your browser.
diff --git a/demos/react-multi-client/README.md b/demos/react-multi-client/README.md
@@ -14,11 +14,10 @@ Note that this setup guide has minor deviations from the [Supabase + PowerSync i
 
 ### 1. Install dependencies
 
-In the repo directory, use [pnpm](https://pnpm.io/installation) to install dependencies:
+In the demo directory, use [pnpm](https://pnpm.io/installation) to install dependencies:
 
 ```bash
 pnpm install
-pnpm build:packages
 ```
 
 ### 2. Create project on Supabase and set up Postgres
diff --git a/demos/react-native-barebones-opsqlite/README.md b/demos/react-native-barebones-opsqlite/README.md
@@ -7,17 +7,16 @@ This is a minimal example demonstrating a barebones React Native project using O
 
 ## Getting Started
 
-In the repo directory, use [pnpm](https://pnpm.io/installation) to install dependencies:
+Switch into the demo's directory:
 
 ```bash
-pnpm install
-pnpm build:packages
+cd demos/react-native-barebones-opsqlite
 ```
 
-Then switch into the demo's directory:
+Use [pnpm](https://pnpm.io/installation) to install dependencies:
 
 ```bash
-cd demos/react-native-barebones-opsqlite
+pnpm install
 ```
 
 Run the development server:
diff --git a/demos/react-native-supabase-todolist/README.md b/demos/react-native-supabase-todolist/README.md
@@ -9,17 +9,16 @@ Follow all the steps until, but not including, [Test Everything (Using Our Demo
 
 ## Getting Started
 
-In the repo directory, use [pnpm](https://pnpm.io/installation) to install dependencies:
+Switch into the demo's directory:
 
 ```bash
-pnpm install
-pnpm build:packages
+cd demos/react-native-supabase-todolist
 ```
 
-Then switch into the demo's directory:
+Use [pnpm](https://pnpm.io/installation) to install dependencies:
 
 ```bash
-cd demos/react-native-supabase-todolist
+pnpm install
 ```
 
 Set up the Environment variables: Copy the `.env` file:
diff --git a/demos/react-native-web-supabase-todolist/README.md b/demos/react-native-web-supabase-todolist/README.md
@@ -12,11 +12,16 @@ To run this demo, follow these instructions:
 
 ### Install dependencies
 
-In the repo root, use [pnpm](https://pnpm.io/installation) to install dependencies:
+Switch into the demo's directory:
+
+```bash
+cd demos/react-native-web-supabase-todolist
+```
+
+Use [pnpm](https://pnpm.io/installation) to install dependencies:
 
 ```bash
 pnpm install
-pnpm build:packages
 ```
 
 ### Set up Supabase Project
diff --git a/demos/react-supabase-todolist-optional-sync/README.md b/demos/react-supabase-todolist-optional-sync/README.md
@@ -14,17 +14,16 @@ For an overview of the mechanics behind this, see [the explanation further below
 
 # Run the app in local-only mode
 
-In the repo directory, use [pnpm](https://pnpm.io/installation) to install dependencies:
+Switch into the demo's directory:
 
 ```bash
-pnpm install
-pnpm build:packages
+cd demos/react-supabase-todolist-optional-sync
 ```
 
-Then switch into the demo's directory:
+Use [pnpm](https://pnpm.io/installation) to install dependencies:
 
 ```bash
-cd demos/react-supabase-todolist-optional-sync
+pnpm install
 ```
 
 Run the development server:
diff --git a/demos/react-supabase-todolist-sync-streams/README.md b/demos/react-supabase-todolist-sync-streams/README.md
@@ -22,17 +22,16 @@ config:
 
 ## Getting Started
 
-In the repo directory, use [pnpm](https://pnpm.io/installation) to install dependencies:
+Switch into the demo's directory:
 
 ```bash
-pnpm install
-pnpm build:packages
+cd demos/react-supabase-todolist-sync-streams
 ```
 
-Then switch into the demo's directory:
+Use [pnpm](https://pnpm.io/installation) to install dependencies:
 
 ```bash
-cd demos/react-supabase-todolist-sync-streams
+pnpm install
 ```
 
 Set up the Environment variables: Copy the `.env.local.template` file:
diff --git a/demos/react-supabase-todolist-tanstackdb/README.md b/demos/react-supabase-todolist-tanstackdb/README.md
@@ -8,17 +8,16 @@ A step-by-step guide on Supabase<>PowerSync integration is available [here](http
 
 ## Getting Started
 
-In the repo directory, use [pnpm](https://pnpm.io/installation) to install dependencies:
+Switch into the demo's directory:
 
 ```bash
-pnpm install
-pnpm build:packages
+cd demos/react-supabase-todolist-tanstackdb
 ```
 
-Then switch into the demo's directory:
+Use [pnpm](https://pnpm.io/installation) to install dependencies:
 
 ```bash
-cd demos/react-supabase-todolist-tanstackdb
+pnpm install
 ```
 
 Set up the Environment variables: Copy the `.env.local.template` file:
diff --git a/demos/react-supabase-todolist/README.md b/demos/react-supabase-todolist/README.md
@@ -8,17 +8,16 @@ A step-by-step guide on Supabase<>PowerSync integration is available [here](http
 
 ## Getting Started
 
-In the repo directory, use [pnpm](https://pnpm.io/installation) to install dependencies:
+Switch into the demo's directory:
 
 ```bash
-pnpm install
-pnpm build:packages
+cd demos/react-supabase-todolist
 ```
 
-Then switch into the demo's directory:
+Use [pnpm](https://pnpm.io/installation) to install dependencies:
 
 ```bash
-cd demos/react-supabase-todolist
+pnpm install
 ```
 
 Set up the Environment variables: Copy the `.env.local.template` file:
diff --git a/demos/vue-supabase-todolist/README.md b/demos/vue-supabase-todolist/README.md
@@ -18,17 +18,16 @@ A step-by-step guide through the Supabase<>PowerSync integration is available [h
 
 ## Getting Started
 
-In the repo directory, use [pnpm](https://pnpm.io/installation) to install dependencies:
+Switch into the demo's directory:
 
 ```bash
-pnpm install
-pnpm build:packages
+cd demos/vue-supabase-todolist
 ```
 
-Then switch into the demo's directory:
+Use [pnpm](https://pnpm.io/installation) to install dependencies:
 
 ```bash
-cd demos/vue-supabase-todolist
+pnpm install
 ```
 
 Set up the Environment variables: Copy the `.env.local.template` file:
diff --git a/demos/yjs-react-supabase-text-collab/README.md b/demos/yjs-react-supabase-text-collab/README.md
@@ -10,11 +10,16 @@ This demo is built using the [PowerSync JS web SDK](https://docs.powersync.com/c
 
 ### 1. Install dependencies
 
-In the repo directory, use [pnpm](https://pnpm.io/installation) to install dependencies:
+Switch into the demo's directory:
+
+```bash
+cd demos/vue-supabase-todolist
+```
+
+Use [pnpm](https://pnpm.io/installation) to install dependencies:
 
 ```bash
 pnpm install
-pnpm build:packages
 ```
 
 #### Quick Start: Local Development
