Preskoči na glavni sadržaj
Zee Akademija · Lekcija 05 · Git & GitHub — Verzioniranje Koda

Git i GitHub: Od lokalne mape do sigurnog repozitorija u oblaku

Git prati svaku izmjenu vašeg koda, a GitHub ga čuva u oblaku i omogućuje timski rad bez straha od gubitka projekta.

Što ćete naučiti

  • Nikada ne razvijajte bez Gita — jedan pogrešan potez bez backupa može uništiti dane rada.
  • Pravilo malih i jasnih commitova: Svaki commit rješava jednu stvar (npr. "feat: add contact form").
  • Grane (Branches): "main" je grana za produkciju; nove stvari radite na granama (npr. "feature/dark-mode").
  • .gitignore: Datoteka u koju OBAVEZNO stavljate node_modules i .env.local kako ne biste procurili lozinke!

Inicijalizacija i povezivanje s GitHubom

U 4 naredbe prebacite svoj lokalni projekt na GitHub.

  • 1. git init — inicijalizira praćenje u trenutnoj mapi.
  • 2. git add . — označava sve datoteke za spremanje.
  • 3. git commit -m "initial commit" — sprema snapshot koda.
  • 4. git remote add origin <URL> && git push -u origin main — šalje na GitHub.

Zaštita tajni (.gitignore i .env)

Najčešća početnička greška je slanje .env datoteke s API ključevima i bazom podataka na javni GitHub!

  • U .gitignore uvijek dodajte: .env*.local, node_modules/, .next/, .DS_Store.
  • Koristite .env.example s praznim varijablama kao predložak za druge developere.

Korak po korak

  1. Inicijalni push na GitHub

    git init
    git add .
    git commit -m "feat: initial commit"
    git branch -M main
    git remote add origin https://github.com/vas-user/moj-web.git
    git push -u origin main

    Ovo postavlja vaš kod na GitHub i sprema ga za Vercel povezivanje.

Savjet iz prakse

Instalirajte GitHub Desktop ako vam terminal stvara nelagodu — ima izvrstan vizualni prikaz razlika u kodu (diff).