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:

Costruisce, integra e distribuisce backend Convex in Next.js (App Router per impostazione predefinita, Pages Router supportato). Copre l'esecuzione di `npx convex dev`, la definizione di schemi/indici convessi, la scrittura di query/mutazioni/azioni, il cablaggio di hook ConvexReactClient + ConvexProvider (useQuery/useMutation), il precaricamento SSR opzionale e le azioni server tramite convex/nextjs, modelli di autenticazione e distribuzione (incluse Vercel + distribuzioni di anteprima). Da utilizzare quando l'utente menziona Convex, convex.dev, Next.js + Convex, aggiornamenti del database in tempo reale, funzioni Convex, schemi/indici, NEXT_PUBLIC_CONVEX_URL, sviluppo/distribuzione convex o risoluzione dei problemi di Convex in un'app Next.js. Fonte: tristanmanchester/agent-skills.