VIBE CODE FULL-FLOW (A - Z)

GitHub: nhà của code và bệ phóng deploy

Trước khi deploy, code phải nằm trên GitHub — đây vừa là nơi lưu trữ an toàn, vừa là nguồn để Vercel/Netlify tự build. Bài này biến Git từ nỗi sợ thành phản xạ.

Vòng đời cơ bản: 3 lệnh sống còn

git add .              # đưa thay đổi vào "staging"
git commit -m "Mô tả thay đổi"   # chốt một phiên bản
git push               # đẩy lên GitHub

Hiểu một câu: add = chọn đồ mang đi, commit = đóng gói + dán nhãn, push = gửi lên cloud.

Khởi tạo và kết nối repo (lần đầu)

Cách nhanh nhất là dùng GitHub CLI (gh):

gh repo create my-app --private --source=. --remote=origin --push

Một lệnh: tạo repo private trên GitHub + kết nối + đẩy code lên. Hoặc tạo repo trên web rồi git remote add origin <url>.

Để AI làm "trợ lý Git"

Bạn không cần thuộc mọi lệnh Git. Trong Cursor/Cline, nhờ AI:

"Commit toàn bộ thay đổi hiện tại với message mô tả rõ ràng theo conventional commits, rồi push lên nhánh main."

Hoặc dùng GitHub MCP server (khoá MCP) để AI tạo repo, branch, PR trực tiếp.

Quy tắc commit của người chuyên

1. Commit nhỏ và thường xuyên — mỗi commit một thay đổi logic, dễ quay lui khi hỏng.
2. Message rõ nghĩa: fix: sửa lỗi nút profile không hiện tốt hơn update hay abc.
3. Commit TRƯỚC mỗi phiên vibe lớn — để git restore . cứu bạn khi AI sửa hỏng.
4. Không bao giờ commit secret — file .env, API key. Dùng .gitignore.

.gitignore — lá chắn chống lộ secret

.env
.env.local
node_modules/
.next/
.DS_Store

⚠️ Lộ API key lên GitHub public là sự cố bảo mật nghiêm trọng (bot quét key 24/7). Luôn kiểm tra .gitignore có .env* TRƯỚC khi push lần đầu. Lỡ push rồi → coi như key đã lộ, phải xoay (rotate) key ngay.

Checklist

• Tạo và push được repo lên GitHub
• .gitignore đã loại trừ .env* và node_modules
• Thực hiện được vòng add → commit → push
• Hiểu vì sao "commit trước khi vibe" cứu bạn