Template Cuota

Template de cobros por cuota para un balance durable y contable que sube cuando creas y baja cuando eliminas, a diferencia de un medidor de uso de una sola via. Cada plan incluye un monto, y al pasarte se cobra excedente por unidad. Este ejemplo usa una app de gestion de tareas con tres planes (Starter, Pro, Scale): crear una tarea llama a quota.add, eliminar llama a quota.remove, y una barra de uso en vivo muestra usado / incluido.

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

Inicio Rapido

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

Que Incluye

• Tres planes con limites crecientes de tareas (5, 15, 50)
• Cobros de excedente por tarea cuando te pasas del monto incluido
• Barra de uso en vivo que muestra usado / incluido, en ambar cerca del limite y destructivo al pasarte
• Crear una tarea llama a quota.add; eliminar una tarea llama a quota.remove
• Portal de cobros y pagos del cliente
• Pagina de precios con comparacion de planes

Archivos Clave

• actions/tasks.ts — Crear y eliminar tareas con quota.add / quota.remove
• components/billing/task-usage-bar.tsx — Barra de uso que lee features.get
• app/pricing/page.tsx — Pagina de precios con comparacion de planes
• lib/commet.ts — Cliente del SDK de Commet

Mas Informacion

• Configurar Funcionalidades
• Portal de Cliente