Introduction Getting Started Customization & Rebranding Claude Code

1. Create a Convex Project 2. Create a Clerk Application 3. Connect Clerk to Convex 4. Connect Clerk to Next.js 5. Connect Resend to Convex 6. Connect Polar to Convex 7. Connect Yoco to Convex

Payments Overview Polar Pricing & Subscriptions Yoco Pricing & Access Packages Build Your First Feature Adding Pages Protected Routes Components with Convex Data SSR for SEO Adding Tables Database Event Triggers Public API Endpoints Protected API Endpoints Recurring Crons Scheduling Functions Production Deployments — Backend Production Deployments — Vercel

Frontend Apps

Backend Apps

Under the Hood

Monorepo Architecture Turborepo TypeScript Configs Biome

Guides

Components with Convex Data

Build React components that pull real-time data from Convex.

Build Client Components that subscribe to Convex queries for real-time data.

What You'll Do

Create a Client Component with useQuery from Convex
Handle loading and error states
Compose multiple data-fetching components in a Server Component page
Understand when data re-renders automatically

Protected Routes

How to add authentication-protected routes with Clerk and Convex.

SSR for SEO

Server-render public Convex data for search engine optimization.

On this page