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 で Convex バックエンドを構築、統合、デプロイします (デフォルトでは App Router、Pages Router がサポートされます)。 「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、または Next.js アプリでの Convex のトラブルシューティングについて言及する場合に使用します。 ソース: tristanmanchester/agent-skills。