Used in conjunction with Neon, PowerSync enables developers to build synced, local-first & offline-first apps that are robust in poor network conditions and that have highly responsive frontends while relying on Neon for their backend. This guide provides instructions for how to configure PowerSync for use with your Neon project.
Before you proceed, this guide assumes that you have already signed up for free accounts with both Neon and PowerSync Cloud (our cloud-hosted offering). If you haven’t signed up for a PowerSync (Cloud) account yet, click here (and if you haven’t signed up for Neon yet, do so now). For web apps, this guide assumes that you have pnpm installed. This guide takes 10-15 minutes to complete.
Architecture
Upon successful integration of Neon + PowerSync, your system architecture will look like this: (click to enlarge image)
