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/content.md (or send Accept: text/markdown).

Gestione dei contenuti

Voci CMS tipizzate con ciclo di vita libero e un confine di lettura pubblico.

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. Accedi come proprietario o amministratore dell'area di lavoro, apri /content e utilizza il modulo per creare un post, una pagina, un documento o un report con uno slug univoco. Salvalo come bozza, quindi pubblicalo.

2. Confermare le modifiche allo stato in pubblicato; uno slug o un membro duplicato senza accesso di gestione dovrebbe fallire.

3. Per un test con gate, utilizzare required_entitlement=ai.reference-task; senza una concessione verificata, la pagina deve mostrare solo il suo teaser.

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.

Creare voci nell'area di lavoro

Il gestore /content gestisce le voci post, page, doc e report. Le righe content_entry hanno lo stato bozza/pubblicato/archiviato, slug con ambito area di lavoro e paternità. Le azioni di gestione richiedono il ruolo di proprietario/amministratore appropriato.

Questo CMS è separato dal catalogo pubblico docs/blog digitato del kit in src/resources. Un prodotto può eseguire il rendering delle voci CMS attraverso la propria composizione della pagina.

Porta il corpo sul server

required_entitlement è annullabile: le voci non impostate non hanno un gate. Per le voci delimitate, content-queries.ts solo server proietta contenuto leggibile o un teaser bloccato con un corpo vuoto. content-access.ts possiede la proiezione; non fidarsi mai di una richiesta di titolarità fornita dal cliente.

La pubblicazione emette content.published; i riepiloghi pianificati possono riassumere le voci recenti del team editoriale. Anche il contenuto creato partecipa all'esportazione dell'account.

Verifica la pubblicazione e l'accesso

Testare la visibilità delle bozze, le transizioni di pubblicazione/archiviazione, slug duplicati, spazio di lavoro sbagliato, voci gratuite e sovvenzioni a pagamento inattive. Utilizza il blocco paywall per la presentazione mentre il server rimane responsabile dell'accesso.

Installazione e configurazione

La superficie di workspace /content gestisce le voci CMS — post, page e doc sono i tipi suggeriti, ma la colonna accetta qualsiasi tipo prodotto sicuro per l'URL (minuscole, cifre, trattini, underscore, fino a 64 caratteri). La tabella content_entry delimita ogni riga per workspaceId, marca createdBy e mantiene gli slug unici per workspace e tipo.

Le voci attraversano un ciclo di vita libero draft ↔ published ↔ archived — evaluateContentStatusChange in src/content.ts rifiuta transizioni non valide o invariate, e publishedAt viene marcato alla prima pubblicazione e sopravvive alle rimozioni successive, così i lettori mantengono la data originale.

/content                    workspace CMS surface
src/content.ts              input + lifecycle rules
src/content-actions.ts      member+ mutations
content_entry               workspaceId, type, slug, status

Flusso di implementazione

I membri e i ruoli superiori creano le voci — ogni mutazione risolve sessione, workspace attivo e almeno il ruolo di membro tramite requireWorkspaceWriter (workspace-access.ts), quindi gli ospiti restano in sola lettura. normalizeContentEntryInput valida tipo, un titolo di 1–255 caratteri e uno slug sicuro per l'URL prima di qualsiasi scrittura.

listPublishedContentEntries è il confine di lettura pubblico deliberato: prende un workspaceId esplicito, non richiede sessione e restituisce solo righe pubblicate — il percorso che pagine vetrina, blog e documentazione usano per renderizzare i contenuti del workspace. La pubblicazione emette un webhook in uscita content.published, e le voci create entrano nell'export dati GDPR.

Verifica e risoluzione dei problemi

Esercita un ciclo completo draft → publish → archive, uno slug duplicato nello stesso tipo e una lettura tra workspace. Conferma che il confine pubblico non restituisca mai bozze o righe di un altro workspace, e che content.published scatti una volta per azione di pubblicazione.

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