Add a Real-Time Database to Next.js with Convex (Step by Step, No Account Needed)

Add a real-time database to a Next.js app with Convex. We build a live guestbook from scratch: a message sent in one browser window appears in the other, with no refresh and no WebSocket code. Everything in this video was actually built and run: Next.js 16.4.2, React 19.3.0, Convex 1.47.0, using a local Convex deployment (no account needed, beta feature). 0:00 Intro 0:22 1. Create the Next.js app 0:42 2. Install Convex & start it locally 1:28 3. Define the schema 1:53 4. A query and a mutation 2:33 5. Connect Next.js to Convex 3:04 6. useQuery and useMutation 3:44 7. See it live 4:22 8. How the sync works 5:18 9. Free plan & limits 5:55 Recap Sources: Local deployments: https://docs.convex.dev/cli/local-dep... Realtime: https://docs.convex.dev/realtime Pricing (checked Oct 21, 2026): https://www.convex.dev/pricing Instagram: @web.stack.studio Need a site like this for your business? https://webstackstudio.vercel.app/en/