Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Impara Testare la tua app online | Pubblicare la tua app online
Web App da Zero con Claude

bookTestare la tua app online

Scorri per mostrare il menu

La tua app è stata distribuita. Questo capitolo tratta due aspetti: confermare che tutto funzioni sull'URL live e sapere come pubblicare futuri aggiornamenti sul web.

Test dell'app live

Quando Vercel termina la distribuzione, ti fornisce un URL simile a your-project-name.vercel.app. Aprilo nel browser e testa l'app come hai fatto in locale. Prova l'intero flusso dall'inizio alla fine:

  • Inserimento di un'idea nel campo di input;
  • Utilizzo di eventuali funzionalità aggiunte come il pulsante enhance;
  • Invio e attesa della risposta AI.

Se la risposta AI viene caricata correttamente, la variabile d'ambiente è stata configurata correttamente e l'app funziona completamente online.

Note
Nota

Se la pagina si carica ma la risposta AI fallisce, torna nelle impostazioni del progetto Vercel, controlla le variabili d'ambiente e assicurati che chiave e valore siano stati inseriti correttamente.

Condivisione della tua app

Quell'URL di Vercel è la tua app online. Puoi inviarlo a chiunque e potranno aprirlo nel loro browser senza dover essere sul tuo computer o sulla tua rete. Questo è il tuo MVP, pubblicato su internet.

Puoi anche aggiungere un dominio personalizzato su Vercel se desideri un URL più professionale. Questa opzione è facoltativa.

Pubblicazione delle modifiche future

Ogni volta che apporti una modifica in Claude Code e desideri che appaia sull'app web online, devi inviare tali modifiche su GitHub. Vercel monitora il tuo repository GitHub e ridistribuisce automaticamente ogni volta che arriva nuovo codice.

I tre comandi che rendono possibile questo processo sono:

git add
git commit
git push

Non è necessario eseguirli manualmente. Basta chiedere a Claude Code:

"Push my latest changes to GitHub."

Claude Code eseguirà tutti e tre i comandi per te. Una volta fatto, Vercel rileva l'aggiornamento e ridistribuisce automaticamente entro uno o due minuti.

Il ciclo di aggiornamento

Questo è il ciclo completo da questo momento in poi. Ogni miglioramento che apporti segue sempre gli stessi tre passaggi.

Make a change in Claude Code → Push to GitHub → Vercel redeploys automatically
question mark

Qual è il modo migliore per confermare che la tua app funzioni dopo averla distribuita online?

Seleziona la risposta corretta

Tutto è chiaro?

Come possiamo migliorarlo?

Grazie per i tuoi commenti!

Sezione 5. Capitolo 3

Chieda ad AI

expand

Chieda ad AI

ChatGPT

Chieda pure quello che desidera o provi una delle domande suggerite per iniziare la nostra conversazione

Sezione 5. Capitolo 3
some-alt