Convex Patterns

Learn the shared backend model that both the Nuxt and Vue tracks expect from your Convex project.

Both frontend tracks in this repo assume the same Convex backend foundations:

  • a schema that matches the data you query from the client
  • generated API files created by npx convex dev
  • public queries, mutations, and actions with predictable boundaries
  • a clear distinction between SSR-friendly reads and client-only realtime flows

Use this section to build the mental model behind the framework-specific guides.

Open a concept page

Design your schema
Define tables, validators, and indexes that support your app-facing queries.
Design your functions
Split public queries, mutations, and actions by the work they actually do.
Reason about realtime and SSR
Understand which reads can prefetch on the server and which flows stay client-only.

  • Read Vue for shared runtime guides
  • Read Nuxt for the wrapper-specific contract
Copyright © 2026