Credits Template

Next.js SaaS template for products that sell actions priced in credits — image, text, voice. Customers receive credits included with their plan and spend them at a different rate per action.

Two plans (Starter, Pro) with three features consuming different credit amounts. When credits run out, usage is blocked until the customer tops up with a credit pack.

Stack: Next.js 16, Better Auth, Drizzle ORM, PostgreSQL, Commet SDK

Quick Start

commet create my-app -t credits
cd my-app
pnpm install
pnpm dev

What's Included

• Two plans with included credits (500 and 2,500)
• Three features with different credit costs (Image=10, Text=2, Voice=25)
• Block on exhaustion — usage stops when credits run out
• Credit pack purchases via customer portal
• Credit balance overview on dashboard
• Customer billing portal with top-up support
• Pricing page with credit amounts

Key Files

• lib/auth/auth.ts — Better Auth + Commet plugin with usage module
• lib/payments/commet.ts — Checkout session creation
• app/(dashboard)/dashboard/page.tsx — Credit balance and cost-per-action overview
• app/pricing/page.tsx — Dynamic pricing with credit amounts
• app/api/commet/portal/route.ts — Customer portal redirect

Learn More

• Consumption Models — Credits model details
• Credit Packs
• Customer Portal

Run commet create my-app -t credits to start from this template, or browse the source on GitHub.