Dette er et eksempel på, hvordan man konfigurerer en React-applikation eller statisk websted med Vite til at blive implementeret på Kinstas Applikation eller Static Site Hosting-tjenester fra et GitHub-arkiv.
Vite er et værktøj, der hjælper dig med at opbygge decentraliserede applikationer; det giver udviklerværktøjer og API’er til at forenkle udviklingsprocessen og understøtter flere programmeringssprog. Mere information kan findes på Vites hjemmeside.
React er et populært JavaScript-bibliotek til opbygning af brugergrænseflader. Det giver udviklere mulighed for at skabe genanvendelige UI-komponenter og effektivt opdatere UI’en som reaktion på dataændringer. Du kan finde flere oplysninger på React-hjemmesiden.
Kinsta installerer automatisk afhængigheder, der er defineret i din package.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 – Vite + React
- I MyKinsta skal du tilføje et statisk websted med Hello World – Vite + React-repository og følgende Build-indstillinger:
- Byg kommando:
npm run build - Nodeversion: 18.16.0
- Udgiv bibliotek: dist
- 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 – Vite + React.
- I MyKinsta skal du tilføje en applikation med Hello World – Vite + React-repository. Startkommandoen kan efterlades tom for webprocessen, da Kinsta automatisk registrerer den krævede kommando under den første implementering
- Appen er tilgængelig, så snart opbygningen er færdig, og Kinsta-velkomstsiden indlæses på dit websteds URL.
Opsætning af webserver
Port
Kinsta indstiller automatisk miljøvariablen PORT. Du bør ikke definere den selv, og du bør ikke hardcode den i applikationen.
Start kommando
Kinsta opretter automatisk en webproces baseret på kommandoen npm start i package.json-filen, når du implementerer en applikation.
Livscyklus for implementering
Hver gang en implementering påbegyndes (gennem oprettelse af en applikation eller omplacering på grund af en indgående commit), køres npm install – og npm build -kommandoerne.
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.
