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:

إنشاء واجهات خلفية محدبة ودمجها ونشرها في Next.js (جهاز توجيه التطبيقات بشكل افتراضي، ودعم جهاز توجيه الصفحات). يغطي تشغيل npx convex dev، وتحديد مخطط/فهارس محدبة، وكتابة الاستعلامات/الطفرات/الإجراءات، وأسلاك ConvexReactClient + ConvexProvider Hooks (useQuery/useMutation)، وتحميل SSR الاختياري وإجراءات الخادم عبر convex/nextjs، وأنماط المصادقة، والنشر (بما في ذلك عمليات نشر Vercel + Preview). يُستخدم عندما يذكر المستخدم Convex، أو convex.dev، أو Next.js + Convex، أو تحديثات قاعدة البيانات في الوقت الفعلي، أو وظائف Convex، أو المخطط/الفهارس، أو NEXT_PUBLIC_CONVEX_URL، أو convex dev/deploy، أو استكشاف أخطاء Convex وإصلاحها في تطبيق Next.js. المصدر: tristanmanchester/agent-skills.