convex-tanstack

This skill provides guidance for building reactive, real-time full-stack applications using Convex (reactive backend-as-a-service) with TanStack Start (full-stack React meta-framework). The stack provides live-updating queries, type-safe end-to-end development, SSR support, and automatic cache invalidation.

| import { useQuery } from 'convex/react' | import { useQuery } from 'convex-helpers/react/cache' | | if (id) useQuery(...) | useQuery(..., id ? {...} : "skip") | | .filter(x => x.field === val) | .withIndex("byfield", q => q.eq("field", val)) | | Action with ctx.db | Use ctx.runQuery/runMutation | | count || 0 | count ?? 0 (0 is falsy) |

| references/01-setup.md | Project setup, config files, environment variables | | references/02-router.md | Router setup, root route, file-based routing, layouts | | references/03-auth.md | Better Auth setup, sign up/in/out, protected routes, SSR auth | | references/04-data-fetching.md | useQuery, useSuspenseQuery, mutations, loaders, prefetching |