GitHub & vibe trên web/điện thoại

Vibe coding đi nhanh, nên cũng dễ lỡ tay: một câu mô tả không khéo, Claude sửa nhầm chục file, và khung web bán hàng vừa dựng ở bài Dựng app Next.js đầu tiên bỗng loạn. Lúc đó mèo con cần hai thứ: một nút lưu mốc để quay lui, và một chỗ cất code an toàn ngoài máy mình.

Hai thứ đó là version control (quản lý phiên bản) và GitHub. Khung app hiện mới nằm trên một máy - ổ cứng hỏng hay lỡ xoá là mất trắng. Bài này đưa nó lên nơi an toàn và mở đường vibe từ mọi nơi.

git là công cụ ghi lại từng mốc thay đổi của code ngay trên máy bạn. GitHub là dịch vụ online giữ một bản sao kho đó kèm toàn bộ lịch sử. Ba từ mèo con gặp ở bài Sản phẩm số chạy thế nào giờ dùng được:

• ▸commit: một lần lưu mốc, kèm dòng mô tả "đã đổi gì".
• ▸push: đẩy các commit từ máy lên GitHub cho an toàn.
• ▸branch: nhánh để làm thử mà không đụng bản chính; PR: đề nghị gộp nhánh vào.
• ▸Phần lớn lệnh git để Claude chạy hộ - mèo con hiểu đại ý là đủ.

Nhờ Claude tạo một repository (repo - kho chứa dự án) riêng tư trên GitHub rồi đẩy khung app lên. Đằng sau, nó chạy đại ý mấy lệnh sau:

git init
git add .
git commit -m "Khung web ban hang dau tien"
git push

Mèo con chỉ duyệt khi Claude xin phép. Xong, mở github.com sẽ thấy repo với đầy đủ file - code đã có một bản sao an toàn ngoài máy mình.

Đây là chỗ version control cứu mèo con. Mỗi commit là một mốc đông cứng của dự án. Commit thường xuyên - sau mỗi thay đổi nhỏ chạy ổn - thì khi Claude làm hỏng ở bước sau, mèo con quay lại mốc gần nhất còn tốt, thay vì ngồi gỡ rối.

• ▸Commit sau mỗi thay đổi nhỏ chạy ổn - đừng dồn cả ngày vào một commit.
• ▸Dòng mô tả commit nên nói rõ "đã đổi gì" để dễ tìm mốc sau này.
• ▸Hỏng ở bước sau thì quay về mốc tốt gần nhất - đỡ phải gỡ rối.

Cách quay lui cụ thể (rewind, khôi phục) là nội dung bài kế. Ở đây chỉ cần nhớ thói quen: commit thường xuyên thì tấm lưới mới đỡ được mèo con.

Code đã trên GitHub, giờ nối Claude Code với GitHub qua OAuth (uỷ quyền truy cập). Sau khi nối, mèo con vibe được từ claude.ai/code trên trình duyệt hay điện thoại: Claude kéo repo từ GitHub, bạn mô tả, nó sửa rồi đẩy lại lên.

Nghĩa là một ý tưởng nảy ra lúc đi đường, mèo con mở điện thoại mô tả cho Claude là xong - không cần ngồi vào máy tính. Code luôn đồng bộ qua GitHub nên không sợ lệch bản.

Giờ code của mèo con nằm an toàn trên GitHub, có lịch sử commit làm điểm quay lui, và vibe được từ máy tính lẫn điện thoại. Có tấm lưới này rồi, ta yên tâm thêm tính năng mà không sợ làm hỏng không cứu được.