3.7 Publisering og versjonskontroll

Publisering og versjonskontroll

Du har laga ei nettside med HTML, CSS og JavaScript – men ho finst berre på din eigen datamaskin. For at andre skal sjå ho, må du publisere ho på ein tenar. Og for å halde orden på endringane du gjer undervegs, brukar du versjonskontroll med Git.

I dette kapittelet lærer du å bruke Git, GitHub og ulike vertsløysingar for å publisere nettsider.

Grunnleggjande Git-kommandoar

Her er dei viktigaste kommandoane du treng:

# Sette opp Git (gjøres en gang)
git config --global user.name "Kari Nordmann"
git config --global user.email "kari@example.com"

# Starte et nytt repository
git init

# Se status – hvilke filer er endret?
git status

# Legge til filer til neste commit (staging)
git add filnavn.html        # en fil
git add .                    # alle endrede filer

# Lagre et øyeblikksbilde (commit)
git commit -m "Legg til kontaktskjema på forsiden"

# Se historikken
git log --oneline

Arbeidsflyten i Git

Git har tre soner:

1. Working directory – filene du redigerer
2. Staging area – filer som er klare for neste commit (git add)
3. Repository – lagra augneblinksbilete (git commit)

Redigere --> git add --> git commit --> Lagret i historikk

GitHub og greiner

GitHub er ei plattform der du lagrar Git-repositorium online. Det lèt deg:

- Dele kode med andre
- Samarbeide via pull requests
- Publisere nettsider med GitHub Pages

# Koble lokalt repository til GitHub
git remote add origin https://github.com/brukernavn/prosjekt.git

# Laste opp til GitHub (push)
git push -u origin main

# Hente andres endringer (pull)
git pull origin main

Greiner (branches) lèt deg jobbe med nye funksjonar utan å påverke hovudkoden:

# Lage en ny gren
git branch ny-funksjon

# Bytte til grenen
git checkout ny-funksjon

# Gjøre endringer og committe
git add .
git commit -m "Legg til bildegalleri"

# Bytte tilbake og flette inn endringene
git checkout main
git merge ny-funksjon

Publisering av nettsider

Det finst fleire måtar å publisere nettsider gratis på:

GitHub Pages – Publiser direkte frå eit GitHub-repository:
1. Lag eit repository på GitHub
2. Push HTML/CSS/JS-filene dine
3. Gå til Settings, deretter Pages, vel grein og Save
4. Nettsida er live på brukernavn.github.io/prosjekt

Netlify – Dra-og-slepp eller kopl til GitHub:
1. Gå til netlify.com og logg inn
2. Dra prosjektmappa til nettsida, eller kopl til GitHub
3. Nettsida blir publisert automatisk ved kvar push

Vercel – Optimalisert for moderne rammeverk:
1. Kopl GitHub-repositoriet til vercel.com
2. Vercel byggjer og publiserer automatisk
3. Perfekt for Next.js, React og liknande

.gitignore

Nokre filer bør ikkje leggjast inn i Git (passord, bygde filer, avhengigheiter):

# .gitignore
node_modules/
.env
.DS_Store
dist/
*.log

Oppsummering

- Git er eit versjonskontrollsystem som sporar alle endringar i filene dine
- Arbeidsflyten er: redigere, git add (staging), git commit (lagre)
- GitHub lagrar repositorium i skya og gir verktøy for samarbeid
- Greiner (branches) lèt deg eksperimentere utan å påverke hovudkoden
- GitHub Pages, Netlify og Vercel er gratis tenester for å publisere nettsider
- .gitignore angir filer som Git skal ignorere (passord, avhengigheiter, bygde filer)
- Gode commit-meldingar skildrar kva som vart endra og kvifor