Dette er et eksempel på, hvordan du konfigurerer en Cuttlebelle-applikation til at implementere Kinstas Applikation eller Static Site Hosting-tjenester fra et GitHub-repository.
Cuttlebelle er en statisk side builder, der opdeler hver side i indholdsblokke, som du senere kan samle for at skabe forskellige sidelayouts uden at skulle forstå eller bruge kompleks kode. Du kan finde flere oplysninger på Cuttlebelles websted.
Kinsta installerer automatisk afhængigheder, der er defineret i din composer.json-fil, under implementeringsprocessen.
Statisk webstedshosting
- Log ind på GitHub og opret et nyt lager fra denne skabelon (Brug denne skabelon > Opret et nyt lager): Kinsta – Hello World – Static Site With Cuttlebelle
- I MyKinsta skal du tilføje et statisk websted med Hello World Cuttlebelle-repository og følgende Build-indstillinger:
- Byg kommando:
npm run build - Nodeversion: 18.16.0
- Udgiv bibliotek: .site
- Byg kommando:
- Siden er tilgængelig, så snart opbygningen er færdig, og Kinsta-velkomstsiden indlæses på dit websteds URL.
Applikation Hosting
- Log ind på GitHub og opret et nyt repository fra denne skabelon (Brug denne skabelon > Opret et nyt repository): Kinsta – Hello World – Statisk websted med Cuttlebelle.
- I MyKinsta skal du tilføje en applikation med Hello World Cuttlebelle-repositoriet. Start-kommandoen kan efterlades tom for webprocessen, da Kinsta automatisk registrerer den nødvendige kommando under den første implementering.
- Appen er tilgængelig, så snart bygningen er færdig, og Kinsta-velkomstsiden indlæses på din applikations URL.
Opsætning af webserver
Port
Kinsta indstiller automatisk miljøvariablen PORT. Du skal ikke selv definere den eller hardcode den i programmet. Pakken serve bruger den port, der er indstillet af Kinsta, automatisk.
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.
