Zkuste si představit tuto situaci: pracujete na webu přes AI, máte krásný výsledek. Dáte modelu jeden příkaz navíc. Výsledek je katastrofa — a původní verze je pryč. Přesně proto existuje Git.
Proč potřebujete verzování (i když nejste vývojář)
Představte si složku s dokumenty po měsíci práce:
web_final.htmlweb_final_v2.htmlweb_final_opraveno.htmlweb_final_TOTO_JE_SPRAVNE.html
Tohle dělá každý. A tohle Git řeší. Místo kopírování souborů Git sleduje historii změn — co se změnilo, kdy a proč. A kdykoli se chcete vrátit, stačí jeden příkaz.
Git vs. GitHub: jaký je rozdíl?
Tyhle dva termíny lidi pletou — jsou to ale různé věci:
- Git = nástroj na vašem počítači, který sleduje historii změn souborů
- GitHub = cloudová služba, kde ukládáte Git repozitáře online (záloha + sdílení)
Git je jako systém verzí v dokumentu. GitHub je jako Dropbox, ale pro Git repozitáře.
Tři pojmy, které stačí rozumět
1. Commit — uložení snímku
Commit je jako fotografický snímek vašeho projektu v danou chvíli. Udělali jste funkční změnu? Udělejte commit. Každý commit má popis — co jste změnili a proč.
git commit -m "feat: přidat kontaktní formulář"
# Uloží snímek aktuálního stavu projektu
2. Push — nahrání do cloudu
Push odešle vaše lokální commity na GitHub. Tím máte zálohu v cloudu — a pokud pracujete na více počítačích, synchronizaci.
# Nahraje změny na GitHub, větev master
3. Revert/checkout — vrácení zpět
Pokazilo se něco? Chcete se vrátit na předchozí fungující stav? Tohle je chvíle, kdy Git zachrání hodiny práce:
# Zobrazí posledních 5 commitů s jejich ID
git checkout [ID_COMMITU] -- index.html
# Vrátí konkrétní soubor na stav v daném commitu
Jak commitovat při vibe codingu
Jednoduchá zásada: commitujte po každé fungující změně. Nečekejte na „hotový" výsledek.
- Přidali jste novou sekci webu → commit
- Opravili jste formulář → commit
- Změnili design → commit
- Chystáte se na velkou změnu → commit (abyste měli záchranný bod)
Naming convention pro commit zprávy
Commit zpráva se píše formátem typ: popis:
fix: opravit broken odkaz v patičce
style: změnit barvu tlačítka na růžovou
content: aktualizovat texty v hero sekci
# Typy: feat, fix, style, content, docs, chore
Větve: kdy je potřeba a kdy je to overkill
Větev (branch) je paralelní verze projektu — experimentujete na ní beze strachu, že pokazíte hlavní web.
Pro jednoduché projekty (jednostránkový web, malý projekt): větvení není potřeba. Pracujte na větvi master a commitujte pravidelně.
Větev má smysl když: chystáte velký redesign, testujete novou funkci, nebo pracuje více lidí najednou.
Chcete web s Gitem od začátku?
Každý web, který tvořím, je od startu v Gitu — máte historii změn a zálohu na GitHubu. Konzultace 30 minut zdarma.