convex-quickstart

To add Convex to an existing React or Next.js app, you wire the ConvexProvider into your frontend and configure the deployment URL environment variables. This generates the convex/ directory and connects your application to the backend, enabling a live dev loop.

Yes, you can use Convex with Vue, Svelte, and other frameworks. The scaffolding workflow supports wiring the ConvexProvider and configuring environment variables across these popular frontend platforms to establish your backend connection and start your dev loop.

The best way to scaffold a new Convex project is running npm create convex@latest. This initiates the template selection, configures environment variables, and sets up the convex/ directory to accelerate your project setup and get you to a working dev loop.

You start the Convex dev loop by running npx convex dev after wiring your frontend provider. This command generates the local convex/ directory, establishes your backend connection, and enables live development synchronization for your application.

You need to configure environment variables for your Convex deployment URL, but the scaffolding process automates the provider wiring. This ensures your frontend application correctly targets the active backend deployment during local development and agent-mode operations.

Using a Convex quickstart template eliminates tedious setup steps by providing self-contained workflows for scaffolding and integration. It accelerates your path from zero to a working dev loop across multiple frontend frameworks without manual configuration errors or provider wiring mistakes.