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:

Создает, интегрирует и развертывает серверные части Convex в Next.js (маршрутизатор приложений по умолчанию, поддерживается маршрутизатор страниц). Охватывает запуск `npx convex dev`, определение схемы/индексов Convex, написание запросов/мутаций/действий, подключение перехватчиков ConvexReactClient + ConvexProvider (useQuery/useMutation), дополнительную предварительную загрузку SSR и действия сервера через convex/nextjs, шаблоны аутентификации и развертывание (включая предварительные развертывания Vercel +). Используйте, когда пользователь упоминает Convex, convex.dev, Next.js + Convex, обновления базы данных в реальном времени, функции Convex, схему/индексы, NEXT_PUBLIC_CONVEX_URL, convex dev/deploy или устранение неполадок Convex в приложении Next.js. Источник: tristanmanchester/agent-skills.