convex-quickstart

Scaffold Convex projects and integrate Convex into existing frontends.

1|Updated Feb 7, 2026

Search Tags:#frontend #npm #scaffold #setup #convex #dev

Ready to run

npx skills add https://github.com/MarcoDava/MockCortex --skill convex-quickstart-marcodava

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: convex-quickstart
Source: https://github.com/MarcoDava/MockCortex/tree/main/frontend/.agents/skills/convex-quickstart
Command: npx skills add https://github.com/MarcoDava/MockCortex --skill convex-quickstart-marcodava

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This workflow helps developers bootstrap Convex projects quickly by scaffolding new apps or integrating Convex into existing frontends, reducing setup time and boilerplate.

Core Features & Use Cases

Scaffold new Convex projects using the official npm create convex@latest tool with a chosen template (e.g., React, Next.js, Vue) to generate a working backend and frontend scaffold.
Add Convex to an existing frontend project, wire up the ConvexProvider, and prepare environment variables for deployment.
Run the development loop with npx convex dev to connect a deployment, auto-generate types, and synchronize changes during active development.

Quick Start

Choose a starting point (new project or existing app), scaffold with npm create convex@latest, install dependencies, and then run npx convex dev to begin local development.

Frequently Asked Questions about convex-quickstart

High-intent search queries and answers about installing and using this skill.

FAQPage Schema

How do I set up a new Convex project with a React or Next.js frontend?▼

To set up a new Convex project, you run npm create convex@latest to scaffold an app using a chosen template like React or Next.js, then run npx convex dev to start local development.

What is the best way to add Convex to an existing frontend project?▼

The best way to add Convex to an existing frontend is by wiring up the ConvexProvider and preparing environment variables, allowing you to connect your current app to a Convex backend.

Can I use Convex scaffolding with Vue and Svelte templates?▼

Yes, you can use Convex scaffolding with Vue and Svelte. The setup process supports starting new projects from these templates or adding Convex to existing Vue and Svelte frontends.

Why do I need to run npx convex dev during local development?▼

You need to run npx convex dev to connect to a deployment, auto-generate types, and synchronize code changes during active development, ensuring your frontend and backend stay aligned.

Do I need npm installed to bootstrap a Convex app?▼

Yes, you need npm installed to bootstrap a Convex app. The setup requires access to npm to run the official scaffolding commands and install necessary project dependencies.