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

Setup

4. Connect Clerk to Next.js

Add Clerk authentication to your Next.js frontend.

Wire Clerk into the Next.js app so users can sign in, sign up, and manage their accounts.

What You'll Do

Configure Clerk environment variables for Next.js
Set up the Clerk provider in your app layout
Add sign-in and sign-up pages
Configure Clerk middleware for route protection

3. Connect Clerk to Convex

Connect Clerk authentication to your Convex backend.

5. Connect Resend to Convex

Configure Resend for sending transactional emails from your Convex backend.

On this page