Questo è un esempio di come configurare un’applicazione Next.js e Prisma da distribuire sui servizi di Hosting di Applicazioni e Hosting di Database di Kinsta da un repository GitHub.

Prisma è un toolkit per database open-source che permette agli sviluppatori di accedere in modo più semplice ai database grazie ad un’API sicura e intuitiva. Supporta più database e genera query SQL efficienti e ottimizzate per ottenere migliori prestazioni. Maggiori informazioni sono disponibili sul sito web prisma.io.

Durante il processo di distribuzione, Kinsta installa automaticamente le dipendenze definite nel file package.json. Per funzionare, questa applicazione richiede un database PostgreSQL.

  1. In MyKinsta, aggiungere un database e scegliere PostgreSQL come tipo di database.
  2. Accedere a GitHub e creare un nuovo repository da questo template (Use this template > Create a new repository): Kinsta – Hello World – Prisma. Assicurarsi di scegliere la stessa posizione del Data Center per l’applicazione e per il database.
  3. In MyKinsta, aggiungere un’applicazione con il repository Hello World – Prisma.
  4. Una volta che il database è pronto per le connessioni (accanto viene visualizzato un segno di spunta verde), aggiungere la connessione interna tra l’applicazione e il database dalla pagina Impostazioni dell’applicazione o dalla pagina Info del database.
    1. Selezionare la casella di controllo Aggiungi variabili d’ambiente….
    2. Selezionare la casella Aggiungi variabili d’ambiente all’applicazione.
    3. Cliccare su Aggiungi connessione.
  1. Andare alla pagina Distribuzioni dell’applicazione e fare clic su Distribuisci ora > Distribuisci applicazione.

L’applicazione sarà disponibile non appena la build sarà terminata e la pagina di benvenuto di Kinsta verrà caricata sull’URL dell’applicazione.

Pagina di benvenuto di Kinsta dopo l'installazione di Next.js e Prisma.
Pagina di benvenuto di Kinsta dopo l’installazione di Next.js e Prisma.

Configurazione del Server web

Porta

Kinsta imposta automaticamente la variabile d’ambiente PORT. Non è necessario definirla e non è necessario codificarla nell’applicazione.

Comando di Avvio

Quando distribuisce un’applicazione, Kinsta crea automaticamente un processo web con npm start come comando di avvio. Utilizzare questo comando per eseguire il server.

Ciclo di Vita del Deployment

Ogni volta che viene avviata una distribuzione (attraverso la creazione di un’applicazione o il reinserimento per un commit in arrivo), viene eseguito il comando npm build, seguito dal comando npm start.