Set up Convex as my app's backend | Vovy

Run npx convex dev to create a Convex project, write your first query and mutation, and get live-updating data in your React app.

Add Convex to my React app with a real-time tasks table

How it works

Install Convex: Vovy installs the convex package with npm and runs npx convex dev. You sign in with GitHub in the browser when asked.
Create the project: Convex creates a dev deployment and a convex/ folder in your code. Vovy keeps convex dev running so changes sync as you save.
Write a query and a mutation: A query reads data and a mutation changes it. Vovy writes both in TypeScript for your tasks, plus a schema so bad data is rejected.
Connect your React app: Vovy wraps your app in ConvexProvider and swaps a component to use useQuery, so the list updates live without a refresh.
Show it live: Vovy adds a task in one window and shows it appear in another instantly, then opens the Convex dashboard to show the data.

It's a database plus server functions in one. You write backend logic in TypeScript next to your app instead of SQL.

Convex has a free plan for small projects, with paid plans once you need more usage or team features.

Run npx convex deploy, which pushes to a separate production deployment, and set CONVEX_DEPLOY_KEY in your host's env vars.