Hướng Dẫn Làm Website Thương Hiệu Cá Nhân Bằng AI Miễn Phí Trong 5 Phút
Tổng Quan
Trong thời đại số hóa 2026, việc có một website thương hiệu cá nhân chuyên nghiệp không còn là điều xa xỉ. Với sự trợ giúp của AI, bạn hoàn toàn có thể tự tạo một website đẹp mắt chỉ trong 5-10 phút mà không cần biết lập trình.
Những gì bạn sẽ học được:
- Cách sử dụng AI (Google Anti Gravity) để tạo website tự động
- Triển khai website miễn phí với Cloudflare Pages
- Kết nối tên miền tùy chỉnh
- Tích hợp form liên hệ với Google Sheets
Chi phí: Hoàn toàn miễn phí (ngoại trừ tên miền ~30.000-200.000đ/năm)
Chuẩn Bị
Trước khi bắt đầu, hãy chuẩn bị những công cụ và tài khoản sau:
1. Tên Miền (Domain)
Tên miền là địa chỉ website của bạn trên internet. Bắt buộc phải mua, nhưng giá rất hợp lý:
- Tên miền .vn: Chỉ khoảng 30.000đ/năm tại PA Vietnam
- Tên miền .com: Khoảng 200.000đ/năm
- Khuyến nghị: Mua tại Cloudflare vì giá tốt nhất thị trường (giá gốc không markup)
2. Tài Khoản Google Gemini Pro
Anti Gravity là công cụ code AI của Google, có khả năng tạo website tự động rất mạnh mẽ:
- Miễn phí: Giới hạn số lượng request
- Pro: Khoảng 500.000đ/tháng - không giới hạn
- Mẹo: Tìm tài khoản Google Workspace Education (Edu) để có giá rẻ hơn nhiều
3. Tài Khoản GitHub và Cloudflare
Cả hai đều hoàn toàn miễn phí:
- GitHub: Lưu trữ source code
- Cloudflare Pages: Hosting website miễn phí với SSL, CDN toàn cầu
Bước 1: Mua Tên Miền
Trong ví dụ này, tôi sẽ demo bằng cách mua tên miền cho một chuyên gia bất động sản.
Quy Trình Mua Tên Miền
- Truy cập Cloudflare
- Đăng nhập hoặc tạo tài khoản mới
- Chọn “Domain Registration” hoặc “Buy a Domain”
- Tìm kiếm tên miền bạn muốn (ví dụ:
leminhbds.com) - Kiểm tra tính khả dụng và giá
- Thanh toán qua PayPal hoặc thẻ Visa/Mastercard
Mẹo bảo mật: Không để nhiều tiền trong thẻ thanh toán online. Chỉ chuyển đủ số tiền cần thiết khi mua để tránh rủi ro bị hack.
Lựa Chọn Tên Miền Tốt
- Ngắn gọn: Dễ nhớ, dễ gõ
- Có ý nghĩa: Liên quan đến tên hoặc lĩnh vực của bạn
- Tránh: Số, dấu gạch ngang, chính tả khó
Bước 2: Tạo Website Bằng Anti Gravity
Anti Gravity là trợ lý AI code của Google, có thể tự động tạo website hoàn chỉnh chỉ từ mô tả bằng văn bản.
Khởi Động Anti Gravity
- Mở ứng dụng Anti Gravity (sau khi cài đặt)
- Chọn “New Window” để tạo project mới
- Chọn “Open Folder”
- Tạo folder mới cho project (ví dụ:
website-leminhbds)
Viết Prompt Tạo Website
Đây là phần quan trọng nhất quyết định chất lượng website. Hãy viết prompt càng chi tiết càng tốt:
Làm cho tôi website HTML5 và JavaScript.
Website tên là [Tên của bạn] - [Lĩnh vực].
Website này giới thiệu về [Tên], một chuyên gia [Lĩnh vực]
hiện đang làm [Vị trí] tại [Công ty].
[Tên] có [X] năm kinh nghiệm làm [Lĩnh vực] và đang muốn
[Mục đích - ví dụ: tuyển dụng, hợp tác, tư vấn].
Hãy nghiên cứu kỹ và làm website thật đẹp cho tôi.
Ví dụ cụ thể:
Làm cho tôi website HTML5 và JavaScript.
Website tên là Lê Minh BDS (Lê Minh Bất Động Sản).
Website này giới thiệu về Lê Minh, một chuyên gia bất động sản
hiện đang làm Giám đốc khối Tuệ Minh tại Tập đoàn Thiên Khôi.
Lê Minh có 15 năm kinh nghiệm làm bất động sản và đang muốn
tuyển dụng nhiều sale bất động sản hợp tác.
Hãy nghiên cứu kỹ và làm website thật đẹp cho tôi.
AI Tự Động Làm Việc
Sau khi gửi prompt, Anti Gravity sẽ:
- Tự động tạo cấu trúc thư mục
- Viết code HTML, CSS, JavaScript
- Tự động viết nội dung (content) dựa trên thông tin bạn cung cấp
- Tạo các section: Giới thiệu, Kinh nghiệm, Dịch vụ, Liên hệ…
- Thiết kế giao diện responsive, đẹp mắt
Điều ấn tượng: AI không chỉ code mà còn tự viết cả nội dung giới thiệu, lý do nên hợp tác, các ưu điểm… tất cả dựa trên prompt của bạn!
Bước 3: Đưa Code Lên GitHub
Trong khi chờ Anti Gravity làm việc, hãy chuẩn bị repository trên GitHub.
Tạo Repository Mới
- Đăng nhập GitHub
- Click nút “New” hoặc ”+” > “New repository”
- Đặt tên repository (ví dụ:
website-leminhbds) - Chọn Private nếu không muốn public source code
- Không tích vào “Initialize with README”
- Click “Create repository”
- Copy URL của repository (dạng:
https://github.com/username/website-leminhbds.git)
Push Code Từ Anti Gravity
Sau khi Anti Gravity hoàn thành code, bạn chỉ cần ra lệnh:
Push cho tôi lên Git: https://github.com/username/website-leminhbds.git
Anti Gravity sẽ tự động:
- Khởi tạo Git repository
- Add tất cả files
- Commit với message phù hợp
- Push lên GitHub
Xong! Code đã được đẩy lên GitHub, sẵn sàng để deploy.
Bước 4: Deploy Website Lên Cloudflare Pages
Cloudflare Pages cung cấp hosting miễn phí với hiệu suất cao, SSL tự động, và CDN toàn cầu.
Triển Khai Website
- Đăng nhập Cloudflare Dashboard
- Chọn “Workers & Pages” từ menu bên trái
- Click “Create Application”
- Chọn tab “Pages”
- Click “Connect to Git”
- Authorize Cloudflare truy cập GitHub (lần đầu)
- Chọn repository vừa tạo (
website-leminhbds) - Click “Begin Setup”
- Xác nhận cấu hình (thường để mặc định)
- Click “Save and Deploy”
Hoàn Tất
Chỉ trong vài giây, Cloudflare sẽ:
- Build và deploy website
- Cung cấp URL miễn phí dạng:
website-leminhbds.pages.dev - Kích hoạt SSL (HTTPS) tự động
Lưu ý: Nếu không muốn mua domain, bạn có thể dùng domain miễn phí .pages.dev này, vẫn rất chuyên nghiệp!
Bước 5: Kết Nối Tên Miền Tùy Chỉnh
Nếu đã mua domain, hãy kết nối nó với website.
Thêm Custom Domain
- Trong project Pages vừa tạo, chọn tab “Custom Domains”
- Click “Set up a custom domain”
- Nhập tên miền đã mua (ví dụ:
leminhbds.com) - Click “Activate Domain”
Ưu điểm khi mua domain tại Cloudflare: Vì domain và hosting cùng một hệ thống, DNS tự động kết nối ngay lập tức. Không cần config thủ công!
Kết Quả
Website của bạn giờ đã có thể truy cập qua:
- Domain tùy chỉnh:
https://leminhbds.com - Domain miễn phí:
https://website-leminhbds.pages.dev
Bonus: Thêm Form Liên Hệ Với Google Sheets
Tính năng này giúp bạn nhận thông tin khách hàng tự động vào Google Sheets, không cần database phức tạp.
Bước 1: Tạo Google Sheet
- Truy cập
sheet.newđể tạo sheet mới nhanh chóng - Đặt tên sheet (ví dụ: “Data Lê Minh BDS”)
- Tạo các cột header:
Timestamp(Thời gian)Họ tênSố điện thoạiEmailKinh nghiệmLời nhắn
Bước 2: Setup Google Apps Script
- Trong Google Sheet, chọn “Extensions” > “Apps Script”
- Xóa code mặc định
- Quay lại Anti Gravity và nhập prompt:
Hãy làm cho tôi tính năng: khi có người điền form trên website,
dữ liệu sẽ được gửi vào Google Sheet. Hãy tạo Apps Script
để xử lý POST request và lưu vào sheet.
Anti Gravity sẽ tạo code Apps Script hoàn chỉnh với:
- Hàm
doPost()nhận data từ form - Xử lý CORS
- Lưu vào sheet với timestamp
Bước 3: Deploy Apps Script
- Paste code từ Anti Gravity vào Apps Script Editor
- Click “Deploy” > “New deployment”
- Chọn type: “Web app”
- Cấu hình:
- Description: “Form handler for website”
- Execute as: “Me”
- Who has access: “Anyone”
- Click “Deploy”
- Authorize quyền truy cập (lần đầu)
- Copy “Web app URL” được tạo ra
Bước 4: Cập Nhật Vào Website
Quay lại Anti Gravity và nhập:
Cập nhật URL Apps Script này vào form contact trên website:
[paste URL vừa copy]
Khi người dùng submit form, gửi POST request tới URL này
với các fields: name, phone, email, experience, message
Anti Gravity sẽ tự động:
- Cập nhật JavaScript xử lý form
- Thêm validation
- Hiển thị thông báo success/error
Bước 5: Push & Deploy
Push to Git
Cloudflare Pages sẽ tự động phát hiện thay đổi và deploy phiên bản mới trong vài giây!
Test Form
- Truy cập website
- Điền thông tin vào form liên hệ
- Submit
- Kiểm tra Google Sheet - dữ liệu sẽ xuất hiện ngay lập tức!
Xử Lý Lỗi Và Debug
Không phải lúc nào quá trình cũng diễn ra suôn sẻ 100%. Dưới đây là cách xử lý lỗi thường gặp:
Lỗi Form Không Gửi Được
Triệu chứng: Submit form nhưng không thấy data trong Sheet
Cách debug với Anti Gravity:
- Sử dụng tính năng “Browser” của Anti Gravity
- Nhập prompt:
Tôi đã submit form nhưng data chưa vào Google Sheet.
Hãy mở browser, test form và tìm lỗi.
Anti Gravity sẽ:
- Mở browser tự động
- Test form
- Xem console errors
- Đề xuất fix
Lỗi CORS
Nếu gặp lỗi CORS (Cross-Origin Resource Sharing), đảm bảo Apps Script có đoạn code:
function doPost(e) {
return ContentService
.createTextOutput(JSON.stringify({success: true}))
.setMimeType(ContentService.MimeType.JSON);
}
Lỗi Deploy Cloudflare
Nếu deploy fail, kiểm tra:
- Build settings có đúng không
- Framework preset (thường là “None” cho HTML tĩnh)
- Build command để trống
- Output directory để trống hoặc
/
Mẹo: Hỏi Anti Gravity! Paste error message và bảo nó debug.
Tối Ưu Website Sau Khi Hoàn Thành
1. Thay Đổi Nội Dung
Thay đổi phần giới thiệu trong section About thành:
[nội dung mới]
2. Thêm Hình Ảnh
Thêm avatar của tôi vào header. File ảnh là avatar.jpg
trong folder images.
3. Thay Đổi Màu Sắc
Đổi màu chủ đạo của website thành #2E86AB (xanh dương)
4. Thêm Tính Năng Mới
Thêm section "Testimonials" để hiển thị đánh giá của khách hàng
Anti Gravity sẽ tự động cập nhật code. Sau đó chỉ cần push to git là xong!
SEO & Performance
Tối Ưu SEO Cơ Bản
Anti Gravity tự động tạo website với SEO cơ bản, nhưng bạn có thể cải thiện:
Tối ưu SEO cho website:
- Thêm meta description
- Thêm Open Graph tags
- Thêm structured data (Schema.org)
- Optimize images với lazy loading
- Thêm sitemap.xml
Kiểm Tra Performance
Dùng Google PageSpeed Insights để kiểm tra:
- Core Web Vitals
- Performance score
- Accessibility
- Best practices
- SEO
Chi Phí Thực Tế
| Hạng Mục | Chi Phí | Ghi Chú |
|---|---|---|
| Tên miền .com | ~200.000đ/năm | Tại Cloudflare |
| Tên miền .vn | ~30.000đ/năm | Tại PA Vietnam |
| Cloudflare Pages | Miễn phí | Unlimited bandwidth |
| GitHub | Miễn phí | Private repos |
| Google Sheets | Miễn phí | Unlimited |
| Anti Gravity (optional) | 0 - 500.000đ/tháng | Miễn phí có giới hạn |
Tổng chi phí tối thiểu: Chỉ 30.000đ/năm (nếu chọn .vn và dùng Anti Gravity miễn phí)
Câu Hỏi Thường Gặp (FAQ)
Website có bị giới hạn băng thông không?
Không. Cloudflare Pages cung cấp băng thông không giới hạn hoàn toàn miễn phí.
Tôi có thể chỉnh sửa website sau này không?
Có. Bạn chỉ cần bảo Anti Gravity chỉnh sửa, sau đó push lên Git. Website tự động cập nhật.
Website có hỗ trợ HTTPS không?
Có. Cloudflare tự động kích hoạt SSL miễn phí cho tất cả website.
Tôi không biết code, có làm được không?
Hoàn toàn được! Bạn chỉ cần biết cách viết prompt rõ ràng, AI sẽ làm tất cả.
Website có tốc độ nhanh không?
Rất nhanh. Cloudflare có CDN toàn cầu với hơn 275 data centers, đảm bảo tốc độ tải trang nhanh từ mọi nơi.
Tôi có thể bán dịch vụ làm website này không?
Có. Bạn hoàn toàn có thể nhận làm website cho khách hàng với chi phí thấp và thời gian nhanh.
Kết Luận
Với sự trợ giúp của AI (Google Anti Gravity), việc tạo một website thương hiệu cá nhân chuyên nghiệp không còn là thử thách. Trong vòng 5-10 phút, bạn đã có thể có:
✅ Website đẹp mắt, responsive ✅ Domain riêng chuyên nghiệp ✅ Hosting miễn phí, tốc độ cao ✅ SSL/HTTPS tự động ✅ Form liên hệ tích hợp Google Sheets ✅ Chi phí cực thấp (chỉ tên miền)
Lời khuyên cuối: Đừng quá lo lắng về việc mọi thứ phải hoàn hảo ngay từ đầu. Website là sản phẩm “sống”, bạn luôn có thể cải thiện dần theo thời gian. Điều quan trọng là bắt đầu ngay hôm nay!
Chúc bạn thành công với website thương hiệu cá nhân của mình! 🚀
P/S: Nếu gặp khó khăn hoặc có thắc mắc, đừng ngại để lại comment bên dưới. Mình sẽ cố gắng hỗ trợ tốt nhất có thể!