Git dan GitHub

Apa ini

Git ialah tool yang jejak setiap perubahan yang kamu buat pada code.

GitHub ialah website yang simpan history Git kamu online supaya code selamat, boleh dikongsi, dan boleh di-deploy.

Dua benda berbeza. Git jalan kat komputer kamu. GitHub ada kat internet.

Kenapa penting

Tanpa Git, satu perubahan yang salah boleh rosakkan semua benda tanpa cara nak balik semula.

Dengan Git, setiap versi yang disimpan boleh dipulihkan. Vercel pun baca terus dari GitHub untuk deploy site kamu — jadi Git bukan optional. Ia sebahagian daripada pipeline build.

Apa nak buat

Macam mana Git berfungsi

Bayangkan Git macam sistem save dengan checkpoints.

Working files -> Stage changes -> Commit (simpan checkpoint) -> Push ke GitHub

• Working files: code yang kamu edit sekarang.
• Stage: tandakan perubahan mana yang nak masuk dalam save seterusnya.
• Commit: buat checkpoint bernama dengan mesej pendek pasal apa yang berubah.
• Push: hantar checkpoint tu ke GitHub supaya tersimpan online.

Install Git

Windows:

Download dari git-scm.com/download/win.

Masa install, kekalkan default. Bila tanya pasal nama branch default, pilih main.

Selepas install, tutup dan buka semula terminal IDE, lepas tu semak:

git --version

Patut nampak something macam git version 2.44.0.

Mac:

Git biasanya datang dengan Xcode tools. Run:

xcode-select --install

Lepas tu semak:

git --version

Set up identiti kamu

Git perlu tahu siapa yang buat commits. Run sekali je selepas install:

git config --global user.name "Nama Kamu"
git config --global user.email "kamu@contoh.com"

Guna email yang sama dengan akaun GitHub kamu. Email ini akan kelihatan dalam public commit history kamu — guna email yang kamu selesa untuk dikongsi.

Buat akaun GitHub

Pergi ke github.com dan buat akaun percuma kalau belum ada.

GitHub ialah tempat project kamu akan duduk online. Vercel connect ke GitHub untuk deploy site kamu secara automatik setiap kali kamu push.

Tiga command yang paling kerap guna

Sebelum stage files, selalu semak apa yang telah berubah:

git status

Ini tunjuk files mana yang diubah. Semak sebelum setiap commit untuk pastikan kamu tidak stage files yang mengandungi secrets atau passwords.

Lepas tu stage, commit, dan push:

git add .
git commit -m "describe what changed"
git push

• git add . stage semua files yang berubah. Run ini hanya selepas semak git status dan confirm .gitignore ada.
• git commit -m "..." simpan checkpoint dengan mesej.
• git push hantar checkpoint ke GitHub.

Tak perlu hafal semua Git command. Tiga ni cover kebanyakan Vibe 101.

Macam mana commit message yang bagus

add hero section
fix nav link color
update footer with contact info

Pendek, jelas, describe apa yang berubah. Bukan "update" atau "fix stuff".

Semak Git berfungsi

Dalam project folder kamu, run:

git status

Kalau Git track folder tu, ia akan tunjuk files mana yang berubah. Kalau kata not a git repository, project belum di-initialise lagi — tu berlaku dalam langkah seterusnya bila kamu create project.

Mistake biasa

• Skip Git sebab rasa complicated — makin lama makin senang lepas commit pertama.
• Guna email berbeza dalam Git config dengan GitHub.
• Commit tanpa mesej, atau guna mesej macam "aaa" atau "test".
• Push code yang rosak — selalu semak localhost berfungsi dulu sebelum push.
• Keliru antara Git (tool) dengan GitHub (website).
• Run git add . tanpa semak git status dulu — kamu mungkin stage files yang ada secrets atau passwords.
• Tiada file .gitignore — project yang di-scaffold oleh AI biasanya ada satu, tapi selalu verify ia wujud sebelum commit pertama.