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.

  1. Fork dette GitHub-repository: Kinsta – Hello World – Statisk websted med Astro
  2. 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.

Astro Hellow Astronaut-siden efter vellykket installation.
Astro Hellow Astronaut-siden efter vellykket installation.

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.