website/docs/intro.md
How to build fast, modern apps and <span class="no-wrap">multi-agent systems</span> with Electric.
Start with the Quickstart for the fastest way to get up-and-running.
The easiest way to use Electric in production is the Electric Cloud. Alternatively, the Deployment guide covers how to self host.
[!Warning] 🔭 Product documentation is split across multiple sites It's worth taking a moment to understand what's documented where.
This website contains the main documentation for Postgres Sync.
Usage examples and recipes often use Postgres Sync together with TanStack DB. Guides like Auth and Security are also generally relevant for Durable Streams.
Durable Streams, TanStack DB and PGlite each have their own docs:
<div class="product-signposts"> <a href="https://github.com/durable-streams/durable-streams" class="product-signpost no-visual"><div>
<h3>Durable Streams</h3>
<p>github.com/durable-streams</p>
</div>
<div>
<h3>TanStack DB</h3>
<p>tanstack.com/db</p>
</div>
<div>
<h3>PGlite</h3>
<p>pglite.dev</p>
</div>
See the Demos section and examples folder on GitHub for demos and examples, e.g.:
The integration docs also illustrate common patterns, e.g. using Electric with frameworks like TanStack and Phoenix and platforms like Supabase and Cloudflare.
Electric is an open source project developed at github.com/electric-sql. Check out the source code, issues and development in progress there.
See the Community page for information on support and events, including our community Discord where you can ask questions and get support.
<style> .product-signposts { display: grid; grid-template-columns: repeat(1, 1fr); gap: 16px; margin: 24px 0 32px; } .product-signpost { display: flex; align-items: center; gap: 16px; padding: 16px 20px; background-color: var(--vp-c-bg-soft); border: 1px solid var(--vp-c-divider); border-radius: 8px; text-decoration: none; transition: border-color 0.2s ease; } .product-signpost:hover { border-color: var(--vp-c-brand-1); } .product-signpost img { width: 52px; height: 52px; flex-shrink: 0; } .product-signpost img.pglite { width: 48px; height: 48px; flex-shrink: 0; padding: 2px; } .product-signpost h3 { margin: 0 0 4px 0; font-size: 1rem; font-weight: 600; color: var(--vp-c-text-1); } .product-signpost p { margin: 0; font-size: 0.85rem; color: var(--vp-c-text-2); line-height: 1.4; } @media (max-width: 640px) { .product-signposts { grid-template-columns: 1fr; } } </style>