GitHub & Vercel · 01 / 02

Publish to GitHub

Backup project anda dan create shareable source proof. Create repository dalam browser, kemudian push dari project folder dengan satu command card.

Publish to GitHub

Apa ini

GitHub ialah tempat project anda hidup online. Dalam workshop ini ia buat dua kerja: ia backup build anda, dan ia beri shareable source proof bahawa anda yang buat. Ia dikongsi oleh kedua-dua Vibe 101 dan Vibe 102.

Kenapa penting

Project yang ada dalam laptop sahaja boleh hilang. Project dalam GitHub boleh restore, share, dan connect ke Vercel untuk public link. Ia juga cara yang lebih bersih untuk buktikan kerja itu milik anda berbanding satu screenshot sahaja.

Apa nak buat

Create repository dalam browser

Create GitHub account, atau log in.
Create repository baru yang kosong (tiada README, tiada template).
Copy repository URL.

Push dari project folder

Buka terminal dalam project folder anda dan run command card ini. Tukar YOUR_GITHUB_REPOSITORY_URL dengan URL yang anda copy.

Terminal command

git status
git add .
git commit -m "Build first Vibe SDD project"
git branch -M main
git remote add origin YOUR_GITHUB_REPOSITORY_URL
git push -u origin main

Swipe sideways if a command is long.

Kalau Git balas remote origin already exists, berhenti dan tanya AI atau tutor anda sebelum tukar. Jangan teka.

Jauhkan secret daripada repository

Run git status dahulu dan baca apa yang anda akan commit.
Jangan commit .env, API key, password, private data, atau screenshot yang ada secret.
Jangan paste secret ke dalam prompt ChatGPT, V0, atau Antigravity.

Common mistakes

Create repository dengan README, kemudian kena push conflict.
Commit file .env atau API key.
Run command card di luar project folder.
Overwrite remote sedia ada tanpa tanya.

Next step

Letak project anda online dengan public link pada Vercel.