CÁCH HOSTING NETLIFY CHO CÁC NỀN TẢNG AI (FOR BEGINNER)

" XÂY DỰNG PHƯƠNG THỨC HOSTING LÀ SAO NỮA ĐÂY !? "

HOSTING LÀ NHƯ THẾ NÀO?

Nếu bạn dùng phần mềm như Dora.run hay Wix Studio, người ta đã tích hợp hosting vào phiên bản trả phí nên cách dựng website, cách lên tên miền hay server hoàn toàn đã được bên third-party xử lý cho bạn. Tuy nhiên, phí cho phần mềm Web Design như Wix.com là $32/mo cho phiên bản Plus, và bạn hoàn toàn có thể dựng một website hoàn chỉnh của riêng mình bằng phương thức hosting như sau mà không tốn một “đồng xu teng” nào!

MÌNH PHẢI HOST RA SAO CHO HỢP LỆ?

Nếu bạn là dân lập trình công nghệ, bạn đã quá quen thuộc với NextJS tích hợp với Vercel để dựng một site tạm thời (for testing purposes), rồi nối domain vào để lên chạy bản production. Tuy nhiên, việc này đòi hỏi bạn phải có bằng cử nhân Công Nghệ Thông Tin, biết cách lập trình web hoặc có một đội ngũ programmer hùng hậu. Việc này hoàn toàn là không cần thiết nhé, tại ở SumoTech, chúng tôi sẽ giúp bạn dựng lên những website phong phú, rực rỡ và đầy tính năng với gần như no prior experience in coding. Nghe hấp dẫn, làm thử những bước này nhé!

HƯỚNG DẪN HOSTING BẰNG NETLIFY

BƯỚC 1: LẤY SOURCE CODE TỪ NỀN TẢNG AI

Nếu bạn đã là đọc giả của SumoTech một thời gian, chắc bạn đã quen với những ứng dụng AI mà chúng tôi recommend như ChatGPT, Claude, Qwen hoặc GenSpark. Bạn có thể bất kỳ ứng dụng nào để lấy source code về theo định dạng HTML thuần. Trong blog post gần đây, chúng tôi đã recommend Qwen 3 là một công cụ lập trình hoàn hảo cho beginner, xem bài ở link này https://sumotech.ai/cong-nghe-lap-trinh-qwen-3 để tham khảo bước này.

GHI NHỚ: Yêu cầu AI viết source code bằng HTML, để chúng ta có thể chuyển nó thành static site nhé!

BƯỚC 2: BỎ SOURCE CODE LÊN GITHUB

Trước tiên, truy cập vào website github.com để tạo tài khoản Github bằng email hoặc phương thức của bạn. 

Xong, tạo một repository để lưu source code bạn vừa lấy về từ nền tảng AI như trước.

Chúc mừng , bạn đã tạo được một repo đầu tiên. Giờ chúng ta bỏ file vào bằng cách ấn vào dấu "+", chọn "Add file", rồi copy/paste toàn bộ nội dung vào là xong. 

Lưu ý: Nhớ đặt tên của file vừa tạo là “index.html” nhé!

Repo của bạn nên nhìn như thế này.

(hình ảnh repo khi đã bỏ source code vào)

BƯỚC 3: ĐĂNG NHẬP NETLIFY BẰNG GITHUB

Nếu bạn để source code ở một trang khác, thì hãy chọn trang đó giúp chúng tôi. Tuy nhiên, trong bài này chúng tôi đang hướng dẫn bằng GitHub, nên chọn như hình để làm theo hướng dẫn nào. Sắp xong rồi!

BƯỚC 4: DỰNG WEBSITE BẰNG REPO ĐÃ TẠO

Chọn repository mình đã tạo trong bước 2, ở đây chúng ta sẽ chọn “gwen-web-sample” để tiếp tục

BƯỚC 5: CHIÊM NGƯỠNG THÀNH QUẢ SẢN PHẨM 

Thế là xong rồi đó. Netflify sẽ tự động build và deploy trang website của mình, mà trong ít phút bạn sẽ thấy trang của mình “go live”. Cứ click vào là thấy nhá!

Tùy vào sản phẩm công nghệ bạn cần làm, mỗi người sẽ có một website khác nhau. Đây chúng tôi chỉ đưa một sản phẩm mẫu để quý vị tham khảo thôi. Bạn có toàn quyền yêu cầu AI chỉnh sửa lại nếu muốn, hoặc học một tí lập trình để làm thêm tính năng này nọ. Khi hoàn tất, bạn chỉ việc ngồi lại và chiêm ngưỡng thành quả đã tạo ra từ một người chưa hề biết gì về code. Vậy thì còn gì bằng !!

LỜI KẾT

Chúc mừng bạn, nếu bạn đã làm đúng theo những bước hướng dẫn, thì bạn đã thành công tạo dựng một static site đầu tiên trên nền tảng hosting Netlify. Tương lai tươi sáng đang chờ bạn trong những sản phẩm công nghệ sắp tới. Sự mày mò, sáng tạo và gầy dựng là nguyên liệu cho chặng đường của bạn, và thành phẩm nnày chỉ mới là bước đêm cho nhiều tác phẩm của bạn. Đừng để bị hạn chế bởi chỉ website, chúng ta còn có thể làm app, game, và tương tự nữa. Hãy theo dõi SumoTech cho những bài post công nghệ và ứng dụng tuyệt cú mèo trong thời gian sắp tới nhé. Chúng tôi chúc bạn thành công và nhiều may mắn!