Dette er et eksempel på, hvordan man konfigurerer en React-applikation eller statisk websted til at blive implementeret på Kinstas Applikation eller Static Site Hosting-tjenester fra et GitHub-arkiv.
React er et populært JavaScript-bibliotek til opbygning af brugergrænseflader. Det giver udviklere mulighed for at oprette genanvendelige UI-komponenter og effektivt opdatere brugergrænsefladen som svar på dataændringer. Mere information er tilgængelig på React-webstedet.
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 – React
- I MyKinsta skal du tilføje et statisk websted med Hello World – React-repository og følgende Build-indstillinger:
- Byg kommando:
npm run build - Nodeversion: 18.16.0
- Udgiv bibliotek: build
- 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 – React.
- I MyKinsta skal du tilføje en applikation med Hello World – React repository. Start-kommandoen 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 start – 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.
