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.