LæringGo Live
🌍 Go Live
Hvis du vil have projektet til at være "rigtigt online" skal du igennem en række lidt besværlige trin. Netlify kan være en let genvej, men du får mere kontrol med denne metode.
1
Forbind til Github
Opret en bruger på GitHub.com hvis du ikke allerede har en. GitHub fungerer som et online lager for din kode, hvor du kan gemme versioner af dit arbejde.
2
Publicer projektet i Github
Brug Git til at 'pushe' (sende) din kode fra din computer op til dit nye repository på GitHub. Dette gør koden tilgængelig for hosting-tjenester.
Har du brug for hjælp til kommandoerne? Se vores Git Cheatsheet her.
Har du brug for hjælp til kommandoerne? Se vores Git Cheatsheet her.
3
Opret konto på Vercel eller Koyeb
Vælg en hosting-udbyder. Vercel er rigtig god til Next.js projekter (som dette), mens Koyeb er god til 'Docker' baserede projekter. Opret en gratis 'Hobby' konto.
4
Forbind til dit Github projekt
Log ind på din hosting-konto (fx Vercel) og vælg 'Add New Project'. Forbind den til din GitHub-konto og vælg det repository, du lige har uploadet. Tryk på 'Deploy'.
5
Køb domæne
For at få en rigtig adresse (fx mit-projekt.dk) skal du købe et domæne. Dandomain.dk og Simply.com er populære danske udbydere hvor du nemt kan købe et domæne. Begge er relativt billige og har overenskomst med HK.
Til et projekt som dette kan de desværre ikke tilbyde hosting, så du skal kun købe domænet samt DNS tjeneste igennem dem.
Til et projekt som dette kan de desværre ikke tilbyde hosting, så du skal kun købe domænet samt DNS tjeneste igennem dem.
6
Forbind DNS (CNAME-Record)
Det sidste tekniske trin. Log ind hos din domæne-udbyder og find DNS-indstillingerne. Opret en 'CNAME' record der peger på den adresse, du har fået af Vercel eller Koyeb.
💡 Pro Tip
Når du først har sat dette op én gang, vil din hjemmeside automatisk opdatere sig selv, hver gang du 'pusher' ændringer til GitHub. Det kaldes CI/CD (Continuous Integration / Continuous Deployment).