Giáo trình tự học miễn phí · Dịch vụ hỗ trợ theo nhu cầu.

Bài 0830phút ước tínhThực chiến · Không cần học cú pháp lập trình

8. Đưa Web App lên Internet (Deploy 1-Click) & Tên miền riêng

Đưa ứng dụng lên Vercel / Netlify chạy 24/7 hoàn toàn miễn phí, gắn tên miền riêng của doanh nghiệp và chia sẻ cho đội ngũ sử dụng.

Bước 1: Đăng ký tài khoản miễn phí tại vercel.com (Đăng nhập bằng tài khoản GitHub hoặc Google).
Bước 2: Trong môi trường Vibe Coding (Bolt.new / Cursor), bấm nút Deploy to Vercel.
Bước 3: Nhận ngay đường link công khai dạng https://ten-ung-dung-cua-ban.vercel.app.
Bước 4 (Tùy chọn): Gắn tên miền phụ của công ty bạn (Ví dụ: crm.congtycuaban.com).

Chúc mừng bạn! Sau khi hoàn thành lớp học này, bạn đã sở hữu:

✅ 1 Web App Quản lý nội bộ / Mini CRM hoạt động online 24/7.
✅ Lưu trữ dữ liệu trực tuyến trên Cloud an toàn.
✅ Có phân quyền Admin/Nhân viên và tích hợp AI thông minh.
✅ Chạy mượt mà trên cả máy tính văn phòng và điện thoại di động của toàn bộ đội ngũ!

Thực hành

Thực hành và tự đánh giá

Đưa Web App của bạn lên Vercel, copy đường link chia sẻ vào nhóm Zalo công ty hoặc mở trên điện thoại cá nhân để thử nghiệm thực tế.

Cảnh báo & Bắt bệnh

Bẫy vòng lặp sửa lỗi vô tận (Infinite Error Loop): AI sửa lỗi A thì sinh lỗi B, sửa lỗi B lại quay lại lỗi A.

Cách khắc phục: Hãy reset ngữ cảnh — mở một phiên chat mới, cung cấp file code sạch hiện tại kèm log lỗi chính xác thay vì để AI tiếp tục đoán mò.

Bẫy mất kiểm soát Git (Uncommitted Chaos): Để AI sinh hàng trăm dòng code mà không commit, khi gặp lỗi không thể rollback.

Cách khắc phục: Tạo commit Git sau mỗi tính năng hoạt động tốt trước khi yêu cầu AI viết tính năng tiếp theo.

Checklist nghiệm thu

[ ] Ứng dụng khởi chạy thành công trên máy local không có lỗi console.
[ ] Mã nguồn được quản lý bằng Git với lịch sử commit rõ ràng.
[ ] Đã deploy bản build live lên Vercel / Netlify và kiểm thử hoạt động mượt mà trên mobile.

Tiến độ tự học lưu trên trình duyệt này. Chỉ đánh dấu khi đã kiểm tra sản phẩm thực hành.