Convex Development

When to use this skill

Use this skill when:

• Creating or modifying Convex functions (queries, mutations, actions)
• Designing or updating database schemas
• Working with Convex validators and type safety
• Implementing real-time subscriptions
• Setting up HTTP endpoints or webhooks
• Working with file storage in Convex

Function Syntax (Required)

Always use the new function syntax with explicit validators:

import { query, mutation, action } from "./_generated/server";
import { v } from "convex/values";

export const exampleQuery = query({
  args: { name: v.string() },
  returns: v.string(),
  handler: async (ctx, args) => {
    return `Hello ${args.name}`;
  },
});

Function Types

Validator Reference

v.string()           // strings
v.number()           // Float64 numbers
v.int64()            // BigInt (NOT v.bigint())
v.boolean()          // booleans
v.null()             // null values
v.id("tableName")    // document IDs
v.array(type)        // arrays
v.object({...})      // objects
v.record(key, val)   // records/maps
v.union(...)         // union types
v.optional(type)     // optional fields

Query Best Practices

❌ Never use .filter() - it's inefficient:

// BAD
const results = await ctx.db.query("messages")
  .filter(q => q.eq(q.field("userId"), userId));

✅ Always use indexes:

// GOOD
const results = await ctx.db.query("messages")
  .withIndex("by_userId", q => q.eq("userId", userId));

Schema Design

import { defineSchema, defineTable } from "convex/server";
import { v } from "convex/values";

export default defineSchema({
  users: defineTable({
    name: v.string(),
    email: v.string(),
    status: v.union(v.literal("active"), v.literal("inactive")),
  })
    .index("by_email", ["email"])
    .index("by_status", ["status"]),
});

Index naming convention: by_field1_and_field2

Common Patterns

Pagination

export const list = query({
  args: { paginationOpts: paginationOptsValidator },
  handler: async (ctx, args) => {
    return await ctx.db.query("items").paginate(args.paginationOpts);
  },
});

Background Jobs

await ctx.scheduler.runAfter(0, internal.jobs.processData, { id });

File Storage

const url = await ctx.storage.getUrl(storageId);

Project Structure

• convex/ - All backend functions
• convex/schema.ts - Database schema
• convex/http.ts - HTTP endpoints
• convex/_generated/ - Auto-generated types (don't edit)

References

See convex-patterns.md for advanced patterns.