Dit is een voorbeeld van het opzetten van een statische site met Eleventy op Kinsta’s Applicatie Hosting of Statische Site Hosting diensten vanuit een GitHub repository.

Eleventy is een op JavaScript gebaseerde statische sitegenerator waarmee developers gemakkelijk snelle, moderne, aanpasbare websites kunnen maken. Meer informatie is beschikbaar op de Eleventy website.

Kinsta installeert automatisch de dependencies die zijn gedefinieerd in je package.json bestand tijdens het deploymentproces.

Statische Site Hosting

  1. Log in op GitHub en maak een nieuwe repository vanuit deze template (Gebruik deze template > Create a new repository): Kinsta – Hello World – Eleventy.
  2. Voeg in MyKinsta een statische site toe met de Hello World Eleventy repository en de volgende Build instellingen:
    • Build commando: npx @11ty/eleventy
    • Node versie: 18.16.0
    • Publish directory: _site
  3. De site is beschikbaar zodra de build is voltooid en de Kinsta welkomstpagina wordt geladen op de URL van je applicatie.

Applicatie Hosting

  1. Log in op GitHub en maak een nieuwe repository aan vanuit deze template (Use this template > Create a new repository): Kinsta — Hello World — Eleventy.
  2. Voeg in MyKinsta een applicatie toe met de Hello World Eleventy repository. Het Start commando kan leeg gelaten worden voor het webproces, omdat Kinsta automatisch het vereiste commando detecteert tijdens de eerste deployment.
  3. De app is beschikbaar zodra de build is voltooid en de Kinsta welkomstpagina wordt geladen op de URL van je applicatie.

Webserver instellingen

Poort

Kinsta stelt automatisch de PORT omgevingsvariabele in. Je moet hem niet zelf definiëren, en je moet hem niet hard coderen in de applicatie.

Start commando

Bij het uitrollen van een applicatie maakt Kinsta automatisch een webproces aan met npm start als Start commando. Gebruik dit commando om je server te starten.

Deployment levenscyclus

Telkens wanneer een deployment wordt gestart (door het maken van een applicatie of het opnieuw deployen vanwege een inkomende commit), wordt het npm build commando uitgevoerd, gevolgd door het npm start commando.

Welkomstpagina

De app of site is beschikbaar zodra het bouwen is voltooid en de Kinsta welkomstpagina wordt geladen op de URL van je applicatie of statische site.

Kinsta welkomstpagina na succesvol deployen van Eleventy.
Kinsta welkomstpagina na succesvol deployen van Eleventy.