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

Prima di iniziare

Installa Node.js, Git e un editor, accetta l'invito al repository, scarica il kit e verifica che il tuo computer sia pronto per la prima esecuzione.

1. Scegli cosa vuoi eseguire

Utilizza un computer Windows, macOS o Linux con una connessione Internet. Un browser esegue l'app Web; un telefono esegue l'app mobile; l'app desktop si apre in una finestra separata. Il tuo telefono da solo non può eseguire i passaggi di installazione riportati di seguito.

Un repository è la cartella dei file ricevuti tramite GitHub. Gli acquisti Web, Mobile e Desktop forniscono ciascuno il repository di kit corrispondente; il bundle All Platforms fornisce il monorepo, una cartella contenente tutte e tre le app. Accetta l'invito per il repository che hai acquistato. Un checkout mobile o desktop necessita ancora di un backend Web raggiungibile: il server che gestisce account e dati. Tali repository client non includono il server Web.

Preparare questi strumenti una volta. Il download degli strumenti e la prima compilazione nativa possono richiedere molto più di cinque minuti. Le guide di cinque minuti iniziano dopo questi preparativi; in esecuzione localmente non pubblica la tua app su Internet.

2. Installare Node.js

Apri la pagina di download ufficiale di Node.js di seguito. Scegli una versione LTS numerata 22 o successiva e il programma di installazione per il tuo computer: .msi su Windows o .pkg su macOS. Apri il programma di installazione scaricato, mantieni le impostazioni predefinite e completa l'installazione. Node.js consente al tuo computer di eseguire JavaScript dell'app; npm è installato con esso.

Chiudi e riapri il terminale dopo l'installazione. Su Windows apri Start, digita PowerShell e aprilo. Su macOS premi Comando + Spazio, digita Terminale e premi Invio. Su Linux apri Terminale dal menu delle applicazioni. Incolla il comando seguente, quindi premi Invio. Un risultato come v22.x.x o v24.x.x conferma che il nodo è disponibile. Se vedi il comando non trovato o non riconosciuto, riapri il terminale o reinstalla Node con l'opzione PATH abilitata.

node --version
npm --version

3. Installa Git e un editor di testo

Apri la pagina di download di Git qui sotto, seleziona il tuo sistema operativo e segui il suo programma di installazione. Git scarica il tuo repository privato e registra le modifiche ai file. Su macOS, l'esecuzione del comando seguente potrebbe offrire l'installazione degli strumenti da riga di comando di Apple; accettarlo ed eseguire nuovamente il comando al termine. Su Linux utilizza il comando di installazione mostrato per la tua distribuzione nella pagina Git.

Installa Visual Studio Code dalla sua pagina di download ufficiale. Questo è un editor di testo per aprire il progetto e salvare i file di configurazione. Aprilo, scegli File → Apri cartella (File → Apri su macOS), quindi seleziona la cartella supastack che scarichi. Non è necessario scrivere codice per completare la prima dimostrazione locale.

In un terminale appena aperto, esegui il comando seguente. Un risultato che inizia con la versione git significa che Git è pronto. Se il comando manca, termina il programma di installazione e riapri il terminale.

git --version

4. Accetta il tuo invito GitHub

Accedi a GitHub nel tuo browser utilizzando l'account fornito al momento dell'acquisto. Apri l'e-mail di invito GitHub, seleziona Visualizza invito e accetta l'accesso. Quindi apri il repository invitato. Dovresti vedere i suoi file e un pulsante verde Codice. Un 404 di solito significa che l'invito non è stato accettato o che hai effettuato l'accesso a un altro account GitHub.

Selezionare Codice → Locale → HTTPS e copiare l'indirizzo visualizzato. Utilizza quell'indirizzo esatto nel passaggio successivo. Gli indirizzi di esempio contenenti parentesi angolari sono modelli: sostituiscili anziché incollare le parentesi. Non è necessario indovinare il nome di un'organizzazione o rendere pubblico il repository privato.

5. Scarica il progetto sul tuo computer

Scegli una cartella per i tuoi progetti, ad esempio Documenti. Apri la cartella in Esplora file o nel Finder. Su Windows, fai clic con il pulsante destro del mouse su un'area vuota e scegli Apri nel terminale, quindi scegli PowerShell se necessario. Su macOS apri Terminale, digita cd seguito da uno spazio, trascina la cartella nel terminale e premi Invio. Il terminale ora funziona in quella cartella.

Nel primo comando seguente, sostituisci YOUR_COPIED_HTTPS_ADDRESS con l'indirizzo HTTPS che hai appena copiato. Esegui una riga alla volta. La prima riga crea una nuova cartella denominata supastack; la seconda riga vi entra. Se Git ti chiede di accedere, completa l'accesso al browser. Non utilizzare la password del tuo account GitHub come password Git. Se l'accesso al browser non è disponibile, seguire la guida di autenticazione HTTPS di GitHub collegata di seguito.

Operazione riuscita: la cartella supastack contiene package.json, pnpm-workspace.yaml, app e pacchetti. Questa è la radice del repository. Se Git dice che la destinazione esiste già, usa una cartella vuota diversa o apri il clone esistente; non eliminare il tuo lavoro. Mantieni questo terminale aperto per il passaggio successivo.

git clone YOUR_COPIED_HTTPS_ADDRESS supastack
cd supastack

6. Controlla Corepack e il gestore pacchetti bloccato

Esegui il primo comando di seguito. Corepack seleziona la versione pnpm registrata in package.json; pnpm scarica le librerie utilizzate dal progetto. Se Corepack chiede il permesso per scaricare quella versione, digita y e premi Invio. Questo checkout inserisce pnpm 11.19.0; mantenere il suo pin invece di scegliere un diverso gestore di pacchetti.

Se manca il corepack, esegui npm install --global corepack, riapri il terminale e riprova. Se PowerShell indica che uno script npm.ps1 o corepack.ps1 non può essere eseguito, utilizza npm.cmd o corepack.cmd per quel comando, incluso corepack.cmd pnpm install. Non è necessario modificare la politica di esecuzione del computer.

I comandi filtrati di prima esecuzione chiamano direttamente Corepack. Se utilizzi un comando Turbo come corepack pnpm dev, Turbo necessita anche di un comando pnpm su PATH. L'installazione di Windows di seguito crea quel comando in una cartella scrivibile dall'utente; la sua modifica PATH dura solo per il terminale corrente. Esegui nuovamente questo blocco dopo aver aperto un nuovo terminale se manca pnpm. Su macOS/Linux, esegui corepack enable; se segnala un errore di autorizzazione, utilizzare invece il comando filtrato di prima esecuzione.

corepack --version
corepack pnpm --version

# Windows PowerShell only, for Turbo commands:
$kitShimDir = Join-Path $env:LOCALAPPDATA 'supastack/corepack-shims'
New-Item -ItemType Directory -Path $kitShimDir -Force | Out-Null
corepack enable --install-directory $kitShimDir
$env:PATH = "$kitShimDir;$env:PATH"

7. Continua con la tua piattaforma

Sei pronto quando Node e Git stampano le versioni, Corepack può selezionare pnpm bloccato e il tuo terminale si trova nella cartella contenente package.json. Scegli un tutorial qui sotto. Docker è facoltativo per la dimostrazione Web; in seguito sarà necessario un database per i conti reali. Il desktop necessita anche di Rust e di strumenti di creazione nativi, che il tutorial spiega prima del comando di avvio.

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