Quickstart

Let's make a super-fast, reactive web app using Electric with TanStack DB.

✨ Just want to see it in action?

See the app running here or fork it on StackBlitz.

Get started

Run the starter script:

npx @electric-sql/start my-electric-app

Start the dev server:

pnpm dev

Open https://localhost:5173.

See the real-time sync

In another terminal, connect to Postgres using psql:

pnpm psql

Update the project name:

UPDATE projects SET name = 'Baz bam!';

The app updates instantly in real-time — across all users and devices.

Develop your app

The starter is a fully-fledged TanStack Start app with routing and auth.

You can edit the code manually. Or it has an AGENTS.md file you can load directly into your AI code editor:

claude "Read Agents.md. Sort the project page todo list alphabetically."

Deploy your app

Claim the Electric Cloud resources:

pnpm claim

Deploy the app to Netlify:

pnpm deploy

Congratulations! You've shipped a super-fast, reactive web app!

Next steps

• learn more about Local-first sync with Electric and TanStack DB
• see the Interactive guide to TanStack DB.