← Razina 6 – Voditelj projekta

Lekcija 5 od 8 ⏱ 35 minuta Premium

Automatska objava

Postavi GitHub Actions: gurni promjenu i web stranica se sama ažurira. Kao profesionalci.

Roboti rade posao umjesto tebe

Trenutno radi ovako: promijeniš kod → commit → push → GitHub Pages se ažurira. To je već automatizacija! Ali profesionalci idu dalje – GitHub Actions je robot koji nakon svakog pusha radi što mu kažeš: izgradi web stranicu, provjeri greške, objavi.

To se zove CI/CD (continuous integration / continuous deployment). Zvuči komplicirano, ali je zapravo: “Roboti provjere i objave sve nakon svake promjene.”

Pokazat ću ti: tvoj prvi workflow

Zadatke za robote pišeš u datoteku unutar mape .github/workflows/. Na primjer, 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 ✅"

Nakon pusha na GitHubu pod karticom Actions pojavi se robot koji radi. Zelena kvačica znači da je sve prošlo; crveni X znači da nešto nije u redu i robot će reći što.

💡

GitHub Pages već koristi Actions! Ako pogledaš karticu Actions, vidjet ćeš da objava Pagesa ide kroz workflow „izgradnja i objava stranica“. Sada dodaješ vlastite dodatne provjere – kao pravi šef koji ne pusti pokvarenu verziju uživo.

Sad si ti na redu 💪

  1. Napravi .github/workflows/deploy.yml prema primjeru, pushaj ga i gledaj karticu Actions.
  2. Namjerno nešto pokvari: preimenuj index.html u index2.html, pushaj – workflow postane crven. Popravi i gledaj kako postane zelen. (To je najvažnije iskustvo ove lekcije!)
  3. Dodaj drugi korak u workflow – provjeru da u HTML-u nije ostao localhost:
      - 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 ✅"
  1. Zapiši u LAUNCH.md: “Web stranica se objavljuje automatski, robot provjerava svaki push.”

Provjera: Tvoj workflow radi u kartici Actions nakon svakog pusha. Vidio si i crveno (pokvareno) i zeleno (popravljeno). Web stranica se ažurira bez ijednog ručnog koraka.

Što ćeš ponijeti iz ove lekcije