Saltar al contenido
supastack
Explorar la documentación
WebNext.js

For AI agents: fetch the complete documentation index at /llms.txt, the full documentation corpus at /llms-full.txt, the agent skill at /skill.md, or this page as Markdown at /es/docs/web/commerce.md (or send Accept: text/markdown).

Comercio

Productos y pedidos del workspace sobre un ciclo de vida unidireccional.

Guía paso a paso para principiantes

Requisitos previos: lea las dos guías para principiantes a continuación, finalice la configuración local web y abra este monorepo en la raíz de su editor. La configuración web pertenece a apps/web/.env.local; Next.js no lee la raíz .env. /dashboard en el modo falso predeterminado es una demostración sin base de datos; /auth necesita una base de datos migrada.

Términos breves: un espacio de trabajo son los usuarios, datos y configuraciones separados de un equipo. El servidor es el backend confiable; Mantenga las claves del proveedor fuera del código del navegador y del teléfono. Una migración es un cambio de base de datos versionada que crea o actualiza tablas. Un modelo de IA es el motor que responde; el catálogo de modelos es la lista del servidor de ID de modelos disponibles y precios. Un proveedor es un servicio externo, como inteligencia artificial, correo electrónico o servicio de facturación. Un derecho es una concesión que permite que un espacio de trabajo utilice una función. Un webhook es un mensaje que un servicio envía al URL de otro servicio.

1. Como propietario o administrador del espacio de trabajo, abra /commerce y utilice el formulario del producto para crear un borrador con un nombre, moneda, precio unitario menor entero y stock rastreado opcional (para USD, 1299 significa $12,99).

2. Actívelo y cree una orden de prueba local; Confirme que el servidor calcula el total y almacena la instantánea del producto.

3. No conecte un proveedor de pagos real ni le cobre a un comprador real. Si un pedido no puede avanzar, verifique el stock disponible y el estado documentado del pedido antes de volver a intentarlo.

Para obtener código personalizado, comience con el prompts/README.md proporcionado y copie el mensaje más cercano: prompts/new-app-screen.md para una pantalla de aplicación o prompts/new-landing-page.md para una página pública. Para trabajos de servidor, base de datos o proveedor, asigne a su agente de codificación la tarea de esta guía y pídale que lea AGENTS.md, .ai/PROJECT_CONTEXT.md y los espejos .ai/ correspondientes; inspeccionar los archivos fuente exactos nombrados aquí; enumerar archivos y verificaciones antes de editarlos; preservar la propiedad del espacio de trabajo y los secretos exclusivos del servidor; y mostrarte la diferencia. Dígale el comportamiento que desea, los campos de entrada y salida, los roles permitidos, los éxitos y errores esperados y la cuenta, proveedor o dispositivo de prueba. Utilice valores de muestra; Nunca pegues un verdadero secreto.

Administra productos e inventario

/commerce proporciona administración de productos del espacio de trabajo para owner/admin. Los estados de los productos son draft/active/archived; los precios usan unidades monetarias menores y el inventario se puede controlar de forma opcional. La persistencia compartida está en packages/db.

Este es un módulo para crear productos. No incluye la compra de este kit, la entrega de repositorios de código fuente ni la gestión de licencias del vendedor.

Sigue el ciclo de vida del pedido

Los pedidos avanzan pending → paid → fulfilled, con comportamiento de cancelación/reposición y reembolso. El servidor calcula los totales y guarda instantáneas del nombre del producto/precio unitario de cada artículo para que las ediciones de un producto no reescriban pedidos históricos. Los eventos commerce.order_* admiten integraciones posteriores.

Conecta deliberadamente un flujo de pago de producto real. Una transición de estado de administrador no verifica por sí sola un cargo o reembolso del proveedor de pago.

Prueba las transiciones de inventario y estado

Verifica el inventario insuficiente, los pedidos simultáneos, la manipulación de precios desde el cliente, las transiciones hacia atrás no válidas, la reposición al cancelar, el comportamiento del reembolso y el acceso entre espacios de trabajo.

Configuración y ajustes

La superficie /commerce gestiona un catálogo de productos y pedidos para el workspace activo. Los productos llevan nombre, slug, precio en céntimos enteros, moneda de tres letras, URL de imagen opcional e inventario rastreado opcional; los pedidos guardan líneas en commerce_order_item con totales calculados en el servidor.

El estado del pedido solo avanza — pending → paid → fulfilled, con cancelación antes del pago y reembolso después. evaluateOrderStatusChange rechaza transiciones inválidas, sin cambios o prohibidas, así que un pedido cancelado o reembolsado nunca puede reabrirse.

/commerce                   owner/admin console
src/commerce.ts             money math + lifecycle
src/commerce-actions.ts     owner/admin mutations
commerce_product/order/order_item

Flujo de implementación

Solo owners y admins escriben — cada acción resuelve la sesión y el workspace mediante requireWorkspaceManager. createCommerceOrderAction valida las líneas (cantidades enteras de 1–9999, productos duplicados combinados), restringe las líneas a productos activos, recalcula los totales en el servidor y mantiene el pedido en una sola moneda.

El inventario rastreado decrece al crear un pedido y se repone al cancelar; un campo de inventario vacío significa sin seguimiento. La creación del pedido y cada cambio de estado emiten los webhooks commerce.order_created y commerce.order_status_changed más filas de auditoría.

Verificación y solución de problemas

Verifica que un miembro por debajo de admin no pueda crear productos ni mover pedidos, que las transiciones hacia atrás o laterales se rechacen, y que un pedido pagado no pueda cancelarse. Comprueba que los totales vienen del servidor — nunca confíes en un importe del cliente — y que el stock vuelve tras una cancelación.

Preguntas frecuentes

14 preguntas

¿Qué es supastack?

supastack es una base modular para construir productos SaaS con IA. Reúne la infraestructura común para que puedas centrarte en las funciones propias de tu producto.

¿Soporta web y móvil?

Sí. supastack incluye apps Next.js y Expo como puntos de partida para experiencias web y móviles.

¿Qué autenticación incluye?

Better Auth cubre correo/contraseña, OTP e inicio social. Los espacios de trabajo personales se aprovisionan con la cuenta para que los registros permanezcan delimitados desde el primer día.

¿Cómo se soporta la IA?

supastack incluye IA multi-proveedor configurable, seguimiento de uso, presupuestos y soporte cifrado de claves propias (BYOK).

¿Cómo se gestionan las suscripciones?

Para productos construidos sobre el kit, la facturación Stripe, las suscripciones y los permisos forman la base del acceso de pago. Los secretos de proveedor permanecen en el servidor.

¿Dónde vive el código propio de mi producto?

Las funciones propias del producto permanecen en un codebase separado, mientras el producto configura e integra los módulos base de supastack.

¿Cómo funciona el precio de supastack?

El kit es una compra única con actualizaciones de por vida: Un framework a 249 $ (precio de lanzamiento temporal — 100 $ de descuento sobre el precio habitual de 349 $) o Todos los frameworks (Next.js, iOS, Android) a 499 $ (precio de lanzamiento temporal — 100 $ de descuento sobre el precio habitual de 599 $), más 75 $ por plaza de desarrollador adicional. Sin suscripción al kit. El pago en este sitio entrega tu clave de licencia por correo, con acceso al repositorio por invitación de GitHub.

¿Cómo delimitan los espacios de trabajo mis datos?

Los registros del usuario se delimitan por workspaceId. Identidad, permisos, uso de IA, eventos de facturación y entradas de auditoría permanecen dentro del límite del espacio personal.

¿Cómo funcionan los jobs en segundo plano?

Trigger.dev es el runtime de jobs explícito. El contrato JobRunner solo promete enqueue, status y cancel — la semántica de workflow sigue siendo específica y explícita de Trigger.dev.

¿En qué se diferencia el email de la divulgación?

El email transaccional cubre flujos de producto como avisos de finalización de tareas. La divulgación en frío y las campañas pertenecen al producto, fuera del módulo de email de este kit.

¿Cómo funcionan las compras móviles?

La app móvil incluye compras nativas y restauración con RevenueCat, con acceso verificado por tu servidor. Configura las cuentas de las tiendas y completa las pruebas en dispositivos antes de publicar. La facturación web es independiente.

¿Dónde residen las claves de los proveedores de IA?

Las credenciales BYOK están cifradas y permanecen en el servidor. Las claves se saneen en los logs; el uso y los presupuestos siguen visibles a nivel de espacio de trabajo.

¿Qué métodos de pago acepta el checkout?

El checkout alojado en Stripe acepta tarjetas y, una vez activadas las billeteras en la cuenta de Stripe, también puede ofrecer Alipay y WeChat Pay — muy útil para compradores en China. Las autorizaciones de billetera se confirman de forma asíncrona, por lo que la página de la licencia se actualiza en cuanto se liquida el pago.

¿Puedo obtener un reembolso?

Una vez que tienes acceso al repositorio, supastack es tuyo para siempre, por lo que no se puede reembolsar. Pero no te preocupes: obtienes el código fuente completo con actualizaciones de por vida para crear y lanzar productos ilimitados para ti o tus clientes. Solo no puedes revender el código ni redistribuir el repositorio como plantilla o starter kit.

ES
Tema