Con l’hosting per siti statici, è possibile creare e ospitare facilmente il proprio sito statico su Kinsta.

Aggiungere un sito statico

Per aggiungere un nuovo sito statico, cliccare su Aggiungi sito statico nella pagina dei siti statici.

La prima volta che si aggiunge un sito statico, sarà necessario selezionare un fornitore di servizi Git e un repository dal proprio account. È possibile scegliere tra uno dei seguenti provider (o tutti):

Una volta collegato l’account del provider Git, verrete riportati a MyKinsta per continuare con il resto dei passaggi della procedura Aggiungi sito statico.

I seguenti campi sono disponibili nel modulo multipart con gli effetti descritti.

Dettagli

Selezionare il branch

Qui è possibile selezionare uno dei fornitori di servizi Git supportati.

  • Repository: Selezionare il repository Git da utilizzare.
  • Branch predefinito: Impostare il branch che verrà distribuito su commit o manualmente.
  • Distribuzione automatica su commit: Selezionare questa casella per distribuire automaticamente il sito ogni volta che viene effettuato un commit nel branch selezionato in precedenza.

Dettagli di base

  • Nome visualizzato: questo nome verrà visualizzato in MyKinsta per facilitare la consultazione. Il nome deve essere unico; non può essere lo stesso di un altro sito statico, di un’applicazione o di un sito WordPress.

Impostazioni di build

Le impostazioni di build determinano la modalità di creazione del sito statico. Se il sito utilizza uno dei framework rilevati automaticamente, il Comando di build e la Directory di pubblicazione vengono popolati automaticamente e viene visualizzata una notifica che indica che il framework è stato rilevato. Ricontrollare i campi per verificare che siano corretti.

Impostazioni di build

  • Comando di build: Opzionale. Se il sito statico richiede un comando di build, inserirlo qui.
  • Versione Node: Opzionale. Se si inserisce un comando di build, è possibile specificare quale versione di Node.js utilizzare durante il processo di build per garantire la compatibilità ed evitare errori.
  • Directory di pubblicazione: Opzionale. Se viene lasciata vuota, la cartella predefinita è quella principale del repository.
    • Se si vuole pubblicare il sito in una sottodirectory specifica, inserirla qui, rispetto alla root del repository.
    • Se si ha un sito HTML che non deve essere costruito e che si vuole eseguire da una sottodirectory specifica, posizionare i file del sito in quella directory e inserirla qui, rispetto alla root del repository.

Frameworks rilevati automaticamente

Per rilevare automaticamente il framework, controlliamo quali dipendenze sono utilizzate nel file package.json per determinare il framework. Se viene rilevato uno dei seguenti framework, si popolano automaticamente i campi Comando di build e Directory di pubblicazione. Controlliamo anche la presenza di un file yarn.lock nel repository e, se ne troviamo uno, popoliamo il Comando di build con i comandi yarn equivalenti, invece che con i comandi npm.

Framework Comando di build Directory di pubblicazione
Astro yarn build
npm run build
dist
ElderJS yarn build
npm run build
public
Gatsby yarn build
npm run build
public
Next.js yarn build
npm run build
out
Nuxt yarn generate
npm run generate
.output/public
React (utilizzando Create React App) yarn build
npm run build
build
React (utilizzando Vite) yarn build
npm run build
dist

Se utilizzate un framework diverso che vorreste fosse aggiunto all’elenco dei framework rilevati automaticamente, aprite una nuova chat con il nostro team di Supporto e fatecelo sapere.

Variabili d’ambiente

Le variabili d’ambiente forniscono in modo sicuro al processo di build informazioni come le chiavi API o altri dettagli che non si desidera includere in chiaro nel codice del sito. Aggiungere qui le coppie chiave-valore per le variabili d’ambiente. Le variabili d’ambiente possono anche essere aggiunte, aggiornate o rimosse nella pagina delle impostazioni dopo la creazione del sito.

Cliccare su Crea sito per iniziare a distribuire il sito.

Documentazione correlata