Xây website cá nhân miễn phí với Astro & Cloudflare

Tóm tắt nhanh: Bạn hoàn toàn có thể tự tạo một website cá nhân nhanh, đẹp và chuẩn SEO mà không tốn tiền hosting. Công thức: Astro (framework tạo web tĩnh) + Cloudflare Pages (hosting miễn phí, tự động deploy). Quy trình chỉ 5 bước.

Website cá nhân là nơi bạn kể câu chuyện của mình mà không phụ thuộc vào thuật toán mạng xã hội. Tin vui là: xây một website vừa nhanh vừa miễn phí giờ đây rất dễ, ngay cả với người mới.

Vì sao chọn Astro?

Astro là framework tạo website tĩnh, được ưa chuộng cho blog và portfolio nhờ:

• Nhanh: xuất ra HTML thuần, tải gần như tức thì — điểm cộng lớn cho SEO.
• Chuẩn SEO: hỗ trợ sitemap, RSS, meta tag gọn gàng ngay từ đầu.
• Dễ viết nội dung: viết blog bằng Markdown đơn giản, không cần đụng nhiều code.
• Linh hoạt: thêm React, Vue, Svelte khi cần, nhưng vẫn nhẹ.

Vì sao chọn Cloudflare Pages?

Cloudflare Pages là nền tảng hosting cho web tĩnh:

• Miễn phí cho nhu cầu cá nhân, kèm SSL và CDN toàn cầu.
• Tự động deploy: mỗi lần bạn push code lên GitHub, site tự cập nhật.
• Nhanh toàn cầu nhờ mạng lưới máy chủ của Cloudflare khắp thế giới.

Quy trình 5 bước

1. Tạo dự án Astro trên máy: npm create astro@latest.
2. Viết nội dung và tùy chỉnh giao diện — thêm trang, viết bài blog bằng Markdown.
3. Đẩy code lên GitHub — tạo repo và push.
4. Kết nối GitHub với Cloudflare Pages — chọn framework preset “Astro”, build command npm run build, output dist.
5. Trỏ tên miền — thêm custom domain trong Cloudflare Pages. Xong!

Từ đó về sau, mỗi lần bạn cập nhật nội dung và push lên main, website tự động build lại và lên sóng trong 1–2 phút.

Mẹo cho người mới

• Đừng chờ hoàn hảo: hãy ra mắt với một trang giới thiệu đơn giản, rồi thêm dần. Chính website này (nguyenngocvu.com) cũng bắt đầu như vậy.
• Bắt đầu từ template: nếu chưa quen, dùng template có sẵn rồi chỉnh nội dung.
• Tối ưu ảnh: dùng ảnh nhẹ (SVG, WebP) để giữ tốc độ tải.
• Viết cho người đọc trước, SEO sau: nội dung giá trị mới giữ chân được khách.

Công nghệ chỉ là phương tiện; quan trọng là bạn có gì để chia sẻ. Nếu muốn dùng AI hỗ trợ quá trình xây web và viết nội dung, hãy đọc AI Agent là gì?.