Convex
×
Nuxt

Convex for Nuxt and Vue

Build realtime apps with typed queries, mutations, pagination, storage helpers, and framework-specific setup for Nuxt or standalone Vue.
pnpm add nuxt-convex convex
Get startedView on GitHub

Choose your starting path

Both packages share the same Convex runtime model. Pick the entrypoint that matches your app and follow that track.

Nuxt track
Use nuxt-convex for module setup, auto-imports, #convex/* aliases, storage scaffolding, and Nuxt-side integrations.
Vue track
Use vue-convex directly in a Vue 3 app when you want explicit plugin setup and full runtime control.

What you get

The two tracks differ in setup, but they share the same app-facing data model.

Realtime queries
Subscribe to Convex data and keep it fresh without polling.
SSR-aware reads
Use HTTP for the initial server render, then attach realtime updates on the client.
Typed APIs
Consume Convex generated types directly from your app code.
Pagination helpers
Load page-by-page feeds with reset and incremental load helpers.
Storage helpers
Upload files to Convex storage or Cloudflare R2, depending on your setup.
Auth primitives
Track auth state in the shared runtime and wire Nuxt-side auth integrations when needed.

Read by intent

First successful run
Start here if you are new to the repo and want the shortest path to a working setup.
Shared backend patterns
Learn the Convex schema, function, and SSR assumptions both tracks rely on.
API reference
Look up exact config keys, aliases, composable signatures, and component behavior.
Troubleshooting
Diagnose missing generated files, auth-sensitive SSR issues, storage setup, and connection problems.

Next step

Open the getting-started page to choose the right package and verify your first query.
Open getting started
Copyright © 2026