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

Adding Pages

How to add new pages to the Next.js frontend.

A short recipe for adding new pages to the Next.js app, following the Server Component + Client Component pattern.

What You'll Do

Create a new route in the App Router
Build a page as a Server Component shell
Add Client Components with Convex useQuery subscriptions
Handle loading and error states

Build Your First Feature

End-to-end walkthrough — from database table to frontend page.

Protected Routes

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

On this page