Automatisk publicering

Robotar gör jobbet åt dig

Just nu funkar det så här: du ändrar koden → commit → push → GitHub Pages uppdateras. Det är redan automation! Men proffsen går längre – GitHub Actions är en robot som efter varje push gör det du säger åt den: bygga webbplatsen, leta efter fel, publicera.

Det kallas CI/CD (continuous integration / continuous deployment). Det låter krångligt, men det betyder egentligen bara: “Robotar kontrollerar och publicerar allt efter varje ändring.”

Jag visar dig: ditt första workflow

Uppgifter till robotar skrivs i en fil i mappen .github/workflows/. Till exempel deploy.yml:

name: Check and deploy

on:
  push:
    branches: [main]   # run after every push to main

jobs:
  check:
    runs-on: ubuntu-latest   # the robot gets a clean Linux computer
    steps:
      - uses: actions/checkout@v4      # download my code
      - name: Check HTML
        run: |
          echo "Checking that index.html exists…"
          test -f index.html && echo "OK ✅"

Efter en push dyker en arbetande robot upp på GitHub under fliken Actions. En grön bock betyder att allt gick bra; ett rött X betyder att något är fel, och roboten berättar vad.

Din tur 💪

1. Skapa .github/workflows/deploy.yml enligt exemplet, pusha den och titta på fliken Actions.
2. Sönder något med flit: byt namn på index.html till index2.html, pusha – workflowet blir rött. Fixa det och se det bli grönt. (Det här är den viktigaste upplevelsen i den här lektionen!)
3. Lägg till ett andra steg i workflowet – kontrollera att ingen localhost har lämnats kvar i HTML:

      - name: No localhost in the code
        run: |
          if grep -r "localhost:3000" *.html; then
            echo "WARNING: localhost was left in the code!" && exit 1
          fi
          echo "OK ✅"

4. Skriv i LAUNCH.md: “Webbplatsen publiceras automatiskt, en robot kontrollerar varje push.”

Vad du tar med dig

• CI/CD = robotar kontrollerar och publicerar efter varje push.
• Workflows skrivs i .github/workflows/*.yml.
• Ett rött X är din vän: det stoppar ett misstag innan besökare någonsin ser det.

© 2026 Ing. Martin Polak / AlgoRhino · Villkor för innehållsanvändning