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

bookDistribuzione con Vercel

Scorri per mostrare il menu

Note
Definizione

Vercel prende il tuo codice da GitHub e lo pubblica come sito web attivo. Ogni volta che invii un aggiornamento su GitHub, Vercel lo ridistribuisce automaticamente. Non è necessario eseguire alcuna operazione manuale dopo la configurazione iniziale.

Il tuo codice si trova su GitHub. Questo capitolo lo rende disponibile online con un vero URL che puoi condividere con chiunque.

I passaggi

1. Crea un account Vercel
expand arrow

Vai su vercel.com e registrati. Collega il tuo account GitHub quando richiesto. Questo permette a Vercel di vedere i tuoi repository.

2. Importa il tuo progetto
expand arrow

Una volta nella dashboard di Vercel, clicca su Add New e seleziona Project. Dovresti vedere elencato il tuo repository GitHub. Clicca su Import.

3. Aggiungi le tue variabili d'ambiente
expand arrow

Questo è il passaggio più importante. La tua API key non si trova su GitHub perché è stata esclusa tramite .gitignore. Questo significa che nemmeno Vercel la possiede. Devi fornirla direttamente a Vercel.

Nella pagina di configurazione del progetto, apri la sezione Environment Variables. Devi aggiungere qui la tua API key prima di effettuare il deploy.

FieldWhat to enter
KeyANTHROPIC_API_KEY
ValueYour actual API key from .env.local

Puoi anche cliccare su Import .env e selezionare direttamente il file .env.local. Vercel leggerà automaticamente la chiave e il valore da questo file. Questa è l'opzione più semplice.

4. Clicca su Deploy
expand arrow

Una volta aggiunta la variabile d'ambiente, clicca su Deploy. Vercel recupererà tutti i file del tuo codice da GitHub e li pubblicherà. Questo richiede da due a cinque minuti.

5. Fatto
expand arrow

Quando visualizzi la schermata di congratulazioni, la tua app è online! Vercel ti fornisce un URL che puoi aprire in qualsiasi browser e condividere con chiunque.

Perché il passaggio della variabile d'ambiente è importante

La tua app verrà compilata e sembrerà funzionare anche senza la chiave API. Tuttavia, nel momento in cui qualcuno invia un'idea, fallirà perché l'app non ha modo di chiamare l'AI. Aggiungere la chiave su Vercel è ciò che rende effettivamente funzionante la funzionalità principale in produzione.

Note
Nota

Il file locale .env.local rimane sul tuo computer. Le variabili d'ambiente di Vercel sono il tuo .env.local per la versione web pubblicata.

question mark

Cosa devi fare per assicurarti che la tua app pubblicata possa accedere all'API AI?

Seleziona la risposta corretta

Tutto è chiaro?

Come possiamo migliorarlo?

Grazie per i tuoi commenti!

Sezione 5. Capitolo 2

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 2
some-alt