convex-nextjs

Workflow 1 — Add Convex to a Next.js app (App Router)

Step 1b (optional): Seed sample data + expose a first query If you want a known-good end-to-end smoke test:

Step 2: Create a client provider (Client Component) Create app/ConvexClientProvider.tsx:

Crea, integra e implementa backends Convex en Next.js (App Router de forma predeterminada, compatible con Pages Router). Cubre la ejecución de `npx convex dev`, la definición de esquemas/índices convexos, la escritura de consultas/mutaciones/acciones, el cableado de enlaces ConvexReactClient + ConvexProvider (useQuery/useMutation), la precarga opcional de SSR y acciones del servidor a través de convex/nextjs, patrones de autenticación e implementación (incluidas implementaciones de vista previa de Vercel +). Úselo cuando el usuario mencione Convex, convex.dev, Next.js + Convex, actualizaciones de bases de datos en tiempo real, funciones Convex, esquemas/índices, NEXT_PUBLIC_CONVEX_URL, desarrollo/implementación convexo o solución de problemas de Convex en una aplicación Next.js. Fuente: tristanmanchester/agent-skills.