Distribuire un’App Next.js

Per distribuire un'applicazione Next.js su Hostman, vai alla sezione Piattaforma App e fai clic su Crea.

Per le app frontend, la Piattaforma App supporta solo la generazione statica (SSG). Se la tua applicazione richiede SSR, usa il deploy tramite Dockerfile.

Passaggio 1. Seleziona il tipo di applicazione

Nella scheda Frontend, seleziona Next.js. Seleziona anche la versione di Node.js desiderata.

Passaggio 2. Collega un repository

Puoi collegare un repository:

• Dal tuo account GitHub, GitLab o BitBucket. Clicca sul nome della piattaforma, accedi e seleziona il repository desiderato. Se hai già effettuato l’accesso, Hostman mostrerà subito i repository disponibili.

• Tramite URL, fornendo un collegamento a un repository creato su qualsiasi piattaforma. Clicca su Collega repository tramite URL e inserisci l’URL Git del repository. Se il repository è privato, inserisci anche le credenziali di accesso.

Scopri di più su come collegare repository qui.

Passaggio 3. Seleziona un branch e un commit

1. Seleziona un branch da distribuire.
2. Per impostazione predefinita è attiva l’opzione Build con l’ultimo commit eseguito. In questo caso, la piattaforma distribuirà l’ultimo commit e ricostruirà automaticamente l’app ad ogni nuovo commit. Puoi disattivare il deploy automatico in qualsiasi momento.

Se desideri selezionare un commit specifico manualmente, disattiva questa opzione.

Passaggio 4. Seleziona la posizione del server

Seleziona la posizione del server.

Per tutte le app frontend offriamo una configurazione base con 1 GB NVMe e un limite di 200.000 richieste al mese.

Passaggio 5. Configura i parametri di build

La piattaforma rileverà automaticamente il comando di build e la directory di build del tuo progetto, quindi nella maggior parte dei casi non devi modificare nulla.

Se il tuo progetto richiede moduli aggiuntivi, puoi specificare uno o più comandi personalizzati, anche combinandoli con &&.

Puoi anche definire variabili, se necessario.

Potrai modificare questi parametri in seguito e ridistribuire l’app con i nuovi valori.

Passaggio 6. Inserisci le informazioni sull'app

Qui puoi inserire un nome e un commento per l’app, che verranno mostrati nella dashboard Hostman. Puoi anche scegliere un progetto a cui assegnarla.

Queste impostazioni sono modificabili in qualsiasi momento.

Passaggio 7. Distribuzione

Clicca su Avvia deploy. Una volta avviato il processo, vedrai il log di distribuzione nella scheda Deploy.

Il log contiene tutte le informazioni necessarie per risolvere eventuali problemi. Se qualcosa va storto, ad esempio a causa di un errore nel codice, il log mostrerà la notifica con la causa del problema.

Al primo deploy del progetto, l’installazione del server potrebbe richiedere del tempo. Una volta terminato, lo stato dell’app verrà aggiornato e vedrai un messaggio nel log.

Tutto pronto!

Puoi trovare e copiare l’URL della tua app (il dominio tecnico associato) nella pagina principale, nella sezione Apps o nella scheda Impostazioni. Puoi anche collegare il tuo dominio.

L’app sarà in esecuzione sulle porte 443 e 80.

In futuro, la piattaforma monitorerà il repository e, se il deploy automatico è abilitato, ricostruirà automaticamente il progetto con le modifiche.