Dette er et eksempel på, hvordan du opretter et statisk websted med Eleventy på Kinsta’s Applikation eller Static Site Hosting-tjenester fra et GitHub-repository.

Eleventy er en JavaScript-baseret statisk site-generator, der gør det nemt for udviklere at oprette hurtige, moderne og tilpassede websites. Du kan finde flere oplysninger på Eleventys websted.

Kinsta installerer automatisk afhængigheder, der er defineret i din package.json-fil, under implementeringsprocessen.

Statisk webstedshosting

  1. Log ind på GitHub og opret et nyt lager fra denne skabelon (Brug denne skabelon > Opret et nyt lager): Kinsta – Hello World – Eleventy
  2. I MyKinsta skal du tilføje et statisk websted med Hello World – Eleventy-repository og følgende Build-indstillinger:
    • Byg kommando: npx @11ty/eleventy
    • Nodeversion: 18.16.0
    • Udgiv bibliotek: _site
  3. Siden er tilgængelig, så snart opbygningen er færdig, og Kinsta-velkomstsiden indlæses på dit websteds URL.

Applikation Hosting

  1. Log ind på GitHub og opret et nyt repository fra denne skabelon (Brug denne skabelon > Opret et nyt repository): Kinsta – Hello World – Eleventy.
  2. I MyKinsta skal du tilføje en applikation med Hello World Eleventy-repositoriet. Start-kommandoen kan efterlades tom for webprocessen, da Kinsta automatisk registrerer den nødvendige kommando under den første implementering.
  3. Appen er tilgængelig, så snart opbygningen er færdig, og Kinsta Velkommen-siden indlæses på din applikations URL-adresse.

Opsætning af webserver

Port

Kinsta indstiller automatisk miljøvariablen PORT. Du skal ikke selv definere den, og du skal ikke indkode den i applikationen.

Start Kommando

Når du implementerer en applikation, opretter Kinsta automatisk en webproces med npm start som startkommando. Sørg for at bruge denne kommando til at køre din server.

Livscyklus for implementering

Hver gang en implementering igangsættes (ved at oprette en applikation eller genudrulning på grund af en indgående commit), køres kommandoen npm build efterfulgt af kommandoen npm start.

Velkomstside

Appen eller webstedet er tilgængeligt, så snart bygningen er færdig, og Kinsta-velkomstsiden indlæses på din applikations URL eller statiske websteds URL.

Kinsta velkomstside efter vellykket implementering af Eleventy.
Kinsta velkomstside efter vellykket implementering af Eleventy.