Template Cuota

Template SaaS en Next.js para productos que cobran un balance durable y contable — sube cuando creás y baja cuando eliminás, a diferencia de un medidor de uso de una sola vía. Cada plan incluye un monto, y al pasarte se cobra excedente por unidad.

El ejemplo es una app de gestión 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 Rápido#

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

Qué Incluye#

• Tres planes con límites crecientes de tareas (5, 15, 50)

• Cobro de excedente por tarea cuando te pasás del monto incluido

• Barra de uso en vivo que muestra usado / incluido, en ámbar cerca del límite 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

• Página de precios con comparación 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 — Página de precios con comparación de planes

• lib/commet.ts — Cliente del SDK de Commet

Más Información#

• Modelos de Consumo

• Configurar Funcionalidades

• Portal de Cliente

Ejecutá commet create my-app -t quota para arrancar desde este template, o mirá el código en GitHub.