Statische site toevoegen
Met Statische Site Hosting kun je eenvoudig je statische site bouwen en hosten bij Kinsta. Statische Site Hosting is beschikbaar voor iedereen in MyKinsta. Je kunt tot 100 sites per bedrijf toevoegen. Voor meer informatie, zie de lijst met statische site features.
Een statische site toevoegen
Om een nieuwe statische site toe te voegen, klik je op Site toevoegen op de Statische sites pagina.
De eerste keer dat je een statische site toevoegt, moet je een Git service provider en repository uit je account selecteren. Je kunt kiezen uit een van de volgende (of alle):
Zodra je je Git provider account hebt verbonden, keer je terug naar MyKinsta om verder te gaan met de rest van de Statische site toevoegen stappen.
De volgende velden zijn beschikbaar in het multipart formulier met de beschreven effecten.
Details
Selecteer branch
Je hebt hier de optie om een van de ondersteunde Git serviceproviders te selecteren.
- Repository: Selecteer de Git repository die je wilt gebruiken.
- Default branch: Stel de branch in die zal worden ingezet bij vastleggen of handmatig.
- Automatische deployment bij commit: Vink dit vakje aan om je site automatisch te deployen elke keer als er een commit wordt gedaan op de branch die je hierboven hebt geselecteerd.
Basisgegevens
- Weergavenaam: Deze naam zal worden weergegeven in MyKinsta ter referentie. De naam moet uniek zijn; het kan niet hetzelfde zijn als een andere statische site, applicatie of WordPress site.
Build instellingen
De build instellingen bepalen hoe we je statische site bouwen. Als je site gebruik maakt van een van de frameworks die we automatisch detecteren, worden het Build commando en de Publish directory automatisch ingevuld en wordt er een melding getoond dat het framework is gedetecteerd. Controleer de velden om te zien of ze correct zijn.
Bouw instellingen
- Build commando: Optioneel. Als je statische site een build commando vereist, voer die dan hier in.
- Node versie: Optioneel. Als je een build commando invoert, kun je aangeven welke versie van Node.js moet worden gebruikt tijdens het build proces om compatibiliteit te garanderen en fouten te voorkomen.
- Publish directory: Optioneel. Als dit leeg wordt gelaten, wordt het standaard de hoofdmap van je repository.
- Als je je site in een specifieke submap wilt publiceren, voer deze dan hier in, relatief ten opzichte van de hoofdmap van het archief.
- Als je een HTML site hebt die niet gebouwd hoeft te worden en die je vanuit een specifieke submap wilt uitvoeren, plaats dan je sitebestanden in die map en voer hem hier in, relatief ten opzichte van de hoofdmap van de repository.
- Index bestand: Als je een SPA (Single Page Application) gebruikt, voer dan de standaardpagina van de site in. SPA’s gebruiken meestal één HTML-bestand met de naam
index.html. Wanneer een gebruiker een URL voor je site invoert, wordt al het navigatieverkeer door het indexbestand geleid om naadloze navigatie binnen de site te garanderen. - Error bestand: Als je een single-page applicatie (SPA) gebruikt, kun je opgeven naar welk bestand het verkeer moet worden geredirect als er een fout optreedt in de navigatie.
Automatisch gedetecteerde frameworks
Om automatisch het framework te detecteren, controleren we welke dependencies worden gebruikt in het package.json bestand om het framework te bepalen. Als een van de volgende frameworks wordt gedetecteerd, vullen we automatisch de velden Build command en Publish directory. We controleren ook of er een yarn.lock bestand in de repository is en als er een wordt gevonden, vullen we het Build commando met de equivalente yarn commando’s in plaats van npm commando’s.
| Framework | Build Commando | Publish Directory |
|---|---|---|
| Astro | yarn buildnpm run build | dist |
| ElderJS | yarn buildnpm run build | public |
| Gatsby | yarn buildnpm run build | public |
| Next.js | yarn buildnpm run build | out |
| Nuxt | yarn generatenpm run generate | .output/public |
| React (using Create React App) | yarn buildnpm run build | build |
| React (using Vite) | yarn buildnpm run build | dist |
Als je een ander framework gebruikt dat je toegevoegd wilt zien aan de lijst van automatisch gedetecteerde frameworks, open dan een nieuwe chat met ons Support team en laat het ons weten.
Omgevingsvariabelen
Omgevingsvariabelen geven het bouwproces veilig informatie zoals API sleutels of andere details die je niet als platte tekst in de code van je site wilt opnemen. Voeg hier de key-value paren toe voor je omgevingsvariabelen. Omgevingsvariabelen kunnen ook worden toegevoegd, bijgewerkt of verwijderd op de Instellingen pagina nadat je site is gemaakt.
Klik op Site maken om te beginnen met het deployen van je site.
Site bezoeken
Zodra je site succesvol is ge deployed, kun je de site openen met Site bezoeken bovenaan elke pagina binnen de statische site in MyKinsta.
