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

  1. Truy cập Cloudflare
  2. Đăng nhập hoặc tạo tài khoản mới
  3. Chọn “Domain Registration” hoặc “Buy a Domain”
  4. Tìm kiếm tên miền bạn muốn (ví dụ: leminhbds.com)
  5. Kiểm tra tính khả dụng và giá
  6. 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

  1. Mở ứng dụng Anti Gravity (sau khi cài đặt)
  2. Chọn “New Window” để tạo project mới
  3. Chọn “Open Folder”
  4. 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

  1. Đăng nhập GitHub
  2. Click nút “New” hoặc ”+” > “New repository”
  3. Đặt tên repository (ví dụ: website-leminhbds)
  4. Chọn Private nếu không muốn public source code
  5. Không tích vào “Initialize with README”
  6. Click “Create repository”
  7. 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

  1. Đăng nhập Cloudflare Dashboard
  2. Chọn “Workers & Pages” từ menu bên trái
  3. Click “Create Application”
  4. Chọn tab “Pages”
  5. Click “Connect to Git”
  6. Authorize Cloudflare truy cập GitHub (lần đầu)
  7. Chọn repository vừa tạo (website-leminhbds)
  8. Click “Begin Setup”
  9. Xác nhận cấu hình (thường để mặc định)
  10. 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

  1. Trong project Pages vừa tạo, chọn tab “Custom Domains”
  2. Click “Set up a custom domain”
  3. Nhập tên miền đã mua (ví dụ: leminhbds.com)
  4. 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

  1. Truy cập sheet.new để tạo sheet mới nhanh chóng
  2. Đặt tên sheet (ví dụ: “Data Lê Minh BDS”)
  3. Tạo các cột header:
    • Timestamp (Thời gian)
    • Họ tên
    • Số điện thoại
    • Email
    • Kinh nghiệm
    • Lời nhắn

Bước 2: Setup Google Apps Script

  1. Trong Google Sheet, chọn “Extensions” > “Apps Script”
  2. Xóa code mặc định
  3. 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

  1. Paste code từ Anti Gravity vào Apps Script Editor
  2. Click “Deploy” > “New deployment”
  3. Chọn type: “Web app”
  4. Cấu hình:
    • Description: “Form handler for website”
    • Execute as: “Me”
    • Who has access: “Anyone”
  5. Click “Deploy”
  6. Authorize quyền truy cập (lần đầu)
  7. 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

  1. Truy cập website
  2. Điền thông tin vào form liên hệ
  3. Submit
  4. 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:

  1. Sử dụng tính năng “Browser” của Anti Gravity
  2. 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ụcChi PhíGhi Chú
Tên miền .com~200.000đ/nămTại Cloudflare
Tên miền .vn~30.000đ/nămTại PA Vietnam
Cloudflare PagesMiễn phíUnlimited bandwidth
GitHubMiễn phíPrivate repos
Google SheetsMiễn phíUnlimited
Anti Gravity (optional)0 - 500.000đ/thángMiễ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ể!


Schema Markup (Structured Data)