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:

Erstellt, integriert und stellt Convex-Backends in Next.js bereit (standardmäßig App Router, Pages Router unterstützt). Behandelt das Ausführen von „npx convex dev“, das Definieren von Convex-Schemas/-Indizes, das Schreiben von Abfragen/Mutationen/Aktionen, die Verkabelung von ConvexReactClient + ConvexProvider-Hooks (useQuery/useMutation), optionales SSR-Vorladen und Serveraktionen über Convex/NextJS, Authentifizierungsmuster und Bereitstellung (einschließlich Vercel + Vorschaubereitstellungen). Verwenden Sie diese Option, wenn der Benutzer Convex, convex.dev, Next.js + Convex, Echtzeit-Datenbankaktualisierungen, Convex-Funktionen, Schema/Indizes, NEXT_PUBLIC_CONVEX_URL, Convex Dev/Deploy oder die Fehlerbehebung von Convex in einer Next.js-App erwähnt. Quelle: tristanmanchester/agent-skills.