Bài học hiện đang bằng tiếng Séc. Giao diện đã được dịch – nội dung bài học sẽ sớm có.

← Cấp 6 – Trưởng dự án

Bài 3 / 8 ⏱ 35 phút Premium

Hosting và triển khai đầu tiên

Tải website lên internet bằng GitHub Pages, và kết nối với tên miền của bạn.

Website sẽ sống ở đâu

Hosting là server nơi website sống. Với website tĩnh (HTML, CSS, JS – đúng những gì bạn đã xây), chỗ bắt đầu tốt nhất là GitHub Pages: miễn phí, ổn định, và bạn đã biết Git.

Xem thử: triển khai lên GitHub Pages

  1. Push dự án lên GitHub (bạn đã biết: git add ., git commit, git push).
  2. Trên GitHub, mở kho lưu trữ → Settings → Pages.
  3. Ở “Source”, chọn nhánh main và thư mục / (root).
  4. Lưu – trong một phút, website chạy tại your-name.github.io/repo-name.

Xong. Website trên internet, cả thế giới thấy. 🎉

Kết nối tên miền riêng

Có tên miền từ bài trước? Kết nối:

  1. Trên GitHub: Settings → Pages → Custom domain → nhập tên miền.
  2. Tại registrar, thiết lập bản ghi DNS (tìm trong tài liệu GitHub Pages):
    • bản ghi CNAME cho wwwyour-name.github.io
    • bản ghi A cho tên miền không www → địa chỉ IP GitHub Pages
  3. Đợi – thay đổi DNS có thể mất vài giờ lan ra (thường chỉ vài phút).
💡

Có website với server riêng (sổ lưu bút hoặc chatbot)? GitHub Pages chỉ xử lý trang tĩnh – server cần hosting khác (ví dụ Railway, Render; có gói miễn phí). Quy trình tương tự: kết nối kho lưu trữ và dịch vụ khởi động server. Phần tĩnh vẫn giữ trên Pages.

Đến lượt bạn 💪

  1. Triển khai dự án lên GitHub Pages theo các bước trên.
  2. Mở website trên điện thoại (không dùng Wi-Fi!) – thấy không? Cả thế giới thấy vậy.
  3. Gửi địa chỉ cho một người (phụ huynh, bạn) và xin phản hồi: gì ổn, gì chưa ổn.
  4. Nếu có tên miền, kết nối và kiểm tra website chạy trên địa chỉ riêng.
  5. Ghi trong LAUNCH.md: địa chỉ website và ngày triển khai đầu tiên. Đó là khoảnh khắc lịch sử!

Kiểm tra: Website truy cập được từ mọi thiết bị trên thế giới – trên địa chỉ GitHub Pages, lý tưởng là tên miền riêng. Có người khác bạn đã xem.

Những điều cần nhớ