Dette er et eksempel på, hvordan du opretter et statisk websted med Astro på Kinstas Applikation Hosting-tjenester.
Astro er et alt-i-ét webframework til opbygning af hurtige, indholdsfokuserede websteder med følgende nøglefunktioner:
- Komponentøer: En ny webarkitektur til at bygge hurtigere websteder.
- Server-first API-design: Flyt dyr hydrering væk fra dine brugeres enheder.
- Nul JS, som standard: Ingen JavaScript-runtime overhead, der sænker farten.
- Edge-ready: Implementer hvor som helst, selv en global edge runtime som Deno eller Cloudflare.
- Kan tilpasses: Tailwind, MDX og over 100 andre integrationer at vælge imellem.
- UI-agnostisk: Understøtter React, Preact, Svelte, Vue, Solid, Lit og meget mere.
Du kan finde flere oplysninger på Astros websted.
Under implementeringsprocessen installerer Kinsta automatisk de afhængigheder, der er defineret i din package.json-fil.
- Fork dette GitHub-repository: Kinsta – Hello World – Statisk websted med Astro
- I MyKinsta skal du tilføje en applikation med Hello World Astro-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 opbygningen er færdig, og en Hello Astronaut-side indlæses på din applikations URL-adresse.

Opsætning af webserver
Port
Kinsta indstiller automatisk miljøvariablen PORT
. Du behøver ikke at definere den eller hardcode den i programmet. Serve-pakken bruger den port, der er indstillet af Kinsta, automatisk.
Start Kommando
Når du distribuerer applikationen, opretter Kinsta automatisk en webproces med npm start
som Start-kommando.
Livscyklus for implementering
Når en implementering påbegyndes (ved at oprette en applikation eller genudrulning på grund af en indgående commit), køres kommandoen npm build
efterfulgt af kommandoen npm start
.