Salta al contenuto
supastack
Sfoglia la documentazione
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 /it/docs/web/commerce.md (or send Accept: text/markdown).

Commercio

Prodotti e ordini del workspace su un ciclo di vita unidirezionale.

Procedura dettagliata per principianti

Prerequisiti: leggi le due guide per principianti di seguito, completa la configurazione locale del Web e apri questo monorepo alla radice nel tuo editor. Le impostazioni Web appartengono a apps/web/.env.local; Next.js non legge la radice .env. /dashboard nella modalità falsa predefinita è una demo senza database; /auth necessita di un database migrato.

Termini rapidi: uno spazio di lavoro è costituito da utenti, dati e impostazioni separati di un team. Il server è il backend affidabile; mantenere le chiavi del provider fuori dal browser e dal codice del telefono. Una migrazione è una modifica del database con versione che crea o aggiorna tabelle. Un modello AI è il motore che risponde; il catalogo dei modelli è l'elenco del server degli ID e dei prezzi dei modelli disponibili. Un fornitore è un servizio esterno come un servizio di intelligenza artificiale, posta elettronica o fatturazione. Un diritto è una concessione che consente a un'area di lavoro di utilizzare una funzionalità. Un webhook è un messaggio che un servizio invia allo URL di un altro servizio.

1. In qualità di proprietario o amministratore di un'area di lavoro, apri /commerce e utilizza il modulo del prodotto per creare una bozza con nome, valuta, prezzo unitario minore intero e stock tracciabile opzionale (per USD, 1299 significa $ 12,99).

2. Attivalo e crea un ordine di prova locale; confermare che il server calcola il totale e memorizza l'istantanea del prodotto.

3. Non connettere un fornitore di servizi di pagamento in tempo reale né addebitare costi a un acquirente reale. Se un ordine non può avanzare, controlla le scorte disponibili e lo stato documentato dell'ordine prima di riprovare.

Per il codice personalizzato, inizia con prompts/README.md in dotazione e copia il prompt più vicino: prompts/new-app-screen.md per la schermata di un'app o prompts/new-landing-page.md per una pagina pubblica. Per il lavoro su server, database o provider, assegna al tuo agente di codifica il compito di questa guida e chiedigli di leggere AGENTS.md, .ai/PROJECT_CONTEXT.md e i mirror .ai/ corrispondenti; controllare gli esatti file sorgente nominati qui; elencare file e controlli prima della modifica; preservare la proprietà dello spazio di lavoro e i segreti solo del server; e mostrarti la differenza. Indicagli il comportamento desiderato, i campi di input e output, i ruoli consentiti, i successi e gli errori previsti e l'account, il fornitore o il dispositivo di prova. Utilizzare valori campione; non incollare mai un vero segreto.

Gestire prodotti e inventario

/commerce fornisce la gestione proprietario/amministratore per i prodotti Workspace. Gli stati del prodotto sono bozza/attivo/archiviato; i prezzi utilizzano unità valutarie minori e l'inventario viene facoltativamente monitorato. La persistenza condivisa vive in packages/db.

Questo è un modulo di creazione del prodotto. Non include l'acquisto di questo kit, la consegna del repository di origine o l'adempimento della licenza del venditore.

Segui il ciclo di vita dell'ordine

Gli ordini avanzano in attesa → pagati → evasi, con modalità di annullamento/riassortimento e rimborso. Il server calcola i totali e memorizza le istantanee del nome prodotto/prezzo unitario dell'articolo in modo che le modifiche a un prodotto non riscrivano gli ordini storici. Gli eventi commerce.order_* supportano le integrazioni downstream.

Collega deliberatamente un flusso di pagamento del prodotto reale. La sola transizione dello stato amministrativo non verifica l'addebito o il rimborso del fornitore di servizi di pagamento.

Testare le transizioni azionarie e statali

Verifica inventario insufficiente, ordini simultanei, manomissione dei prezzi cliente, transizioni all'indietro non valide, riassortimento annullato, comportamento di rimborso e accesso cross-workspace.

Installazione e configurazione

La superficie /commerce gestisce un catalogo prodotti e gli ordini per il workspace attivo. I prodotti portano nome, slug, prezzo in centesimi interi, valuta a tre lettere, URL immagine opzionale e inventario tracciato opzionale; gli ordini salvano le righe in commerce_order_item con totali calcolati sul server.

Lo stato dell'ordine avanza solo in avanti — pending → paid → fulfilled, con annullamento prima del pagamento e rimborso dopo. evaluateOrderStatusChange rifiuta transizioni non valide, invariate o vietate, quindi un ordine annullato o rimborsato non può mai riaprirsi.

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

Flusso di implementazione

Solo owner e admin scrivono — ogni azione risolve sessione e workspace tramite requireWorkspaceManager. createCommerceOrderAction valida le righe (quantità intere da 1 a 9999, prodotti duplicati uniti), limita le righe ai prodotti attivi, ricalcola i totali lato server e mantiene l'ordine su una sola valuta.

L'inventario tracciato decrementa alla creazione dell'ordine e si rifornisce all'annullamento; un campo inventario vuoto significa non tracciato. La creazione dell'ordine e ogni cambio di stato emettono i webhook commerce.order_created e commerce.order_status_changed più righe di audit.

Verifica e risoluzione dei problemi

Verifica che un membro sotto il ruolo admin non possa creare prodotti né spostare ordini, che le transizioni all'indietro o laterali siano rifiutate, e che un ordine pagato non possa essere annullato. Controlla che i totali arrivino dal server — non fidarti mai di un importo fornito dal client — e che lo stock torni dopo un annullamento.

Domande frequenti

14 domande

Cos'è supastack?

supastack è una base modulare per costruire prodotti SaaS con AI. Riunisce l'infrastruttura comune così puoi concentrarti sulle funzionalità proprie del tuo prodotto.

Supporta web e mobile?

Sì. supastack include app Next.js ed Expo come punti di partenza per esperienze web e mobile.

Quale autenticazione è inclusa?

Better Auth copre email/password, OTP e login social. I workspace personali vengono provisionati con l'account così i record restano delimitati fin dal primo giorno.

Come è supportata l'AI?

supastack include AI multi-provider configurabile, tracciamento dell'uso, budget e supporto cifrato per le proprie chiavi (BYOK).

Come vengono gestiti gli abbonamenti?

Per i prodotti costruiti sul kit, fatturazione Stripe, abbonamenti e permessi formano la base dell'accesso a pagamento. I segreti dei provider restano lato server.

Dove vive il codice specifico del mio prodotto?

Le funzionalità specifiche del prodotto restano in un codebase separato, mentre il prodotto configura e integra i moduli base di supastack.

Come funziona il prezzo di supastack?

Il kit è un acquisto unico con aggiornamenti a vita: Un framework a 249 $ (prezzo di lancio temporaneo — 100 $ di sconto sul prezzo di listino di 349 $) oppure Tutti i framework (Next.js, iOS, Android) a 499 $ (prezzo di lancio temporaneo — 100 $ di sconto sul prezzo di listino di 599 $), più 75 $ per posto sviluppatore aggiuntivo. Nessun abbonamento al kit. Il checkout su questo sito consegna la tua chiave di licenza via email, con accesso al repo tramite invito GitHub.

Come delimitano i workspace i miei dati?

I record utente sono delimitati da workspaceId. Identità, permessi, uso AI, eventi di fatturazione e voci di audit restano dentro il confine del workspace personale.

Come funzionano i job in background?

Trigger.dev è il runtime di job esplicito. Il contratto JobRunner promette solo enqueue, status e cancel — la semantica di workflow resta specifica ed esplicita di Trigger.dev.

In cosa differisce l'email dall'outreach?

L'email transazionale copre i flussi di prodotto come gli avvisi di completamento delle attività. L'outreach a freddo e le campagne appartengono al prodotto, fuori dal modulo email di questo kit.

Come funzionano gli acquisti su mobile?

La versione mobile include acquisti nativi e ripristino tramite RevenueCat, con accesso verificato dal server. Configura gli account degli store e completa i test sui dispositivi prima della pubblicazione. I pagamenti web restano separati.

Dove risiedono le chiavi dei provider AI?

Le credenziali BYOK sono cifrate e restano lato server. Le chiavi vengono sanificate nei log; uso e budget restano visibili a livello di workspace.

Quali metodi di pagamento accetta il checkout?

Il checkout ospitato da Stripe accetta le carte e può offrire anche Alipay e WeChat Pay una volta attivati i wallet sull'account Stripe — utile per gli acquirenti in Cina. Le autorizzazioni dei wallet vengono confermate in modo asincrono, quindi la pagina della licenza si aggiorna non appena il pagamento va a buon fine.

Posso ottenere un rimborso?

Una volta ottenuto l'accesso al repository, supastack è tuo per sempre, quindi non può essere rimborsato. Ma non preoccuparti: ricevi il codice sorgente completo con aggiornamenti a vita per creare e lanciare prodotti illimitati per te o per i tuoi clienti. L'unica condizione è che non puoi rivendere il codice né ridistribuire il repository come starter kit o modello.

IT
Tema