Không cần kiến thức IT trước đó. Chúng ta sẽ xây dựng mô hình tư duy từng tầng một — tên miền, DNS, hosting, files, CMS, API — và gắn mọi khái niệm trở lại với forwardgroup.vn và fanscom-credentials-2026, hai dự án thực tế mà bạn đang sở hữu.
Mọi khái niệm hôm nay chúng ta sẽ học đều là một tầng của cùng một tòa nhà. Hãy ghi nhớ phép so sánh này; chúng ta sẽ quay lại nó liên tục.
Đọc nó như một bản vẽ tòa nhà: địa chỉ cho người ta biết đến đâu, danh bạ chuyển địa chỉ thành tọa độ máy hiểu được, tòa nhà là nơi trang web của bạn thực sự ngự trị, và nội thất là những gì khách thấy khi bước vào.
Nó là gì. Tên miền là địa chỉ dạng chữ con người đọc được mà người ta gõ để tìm trang web của bạn, ví dụ forwardgroup.vn. Nếu không có nó, khách phải nhớ một chuỗi số (ví dụ 104.21.45.198) — bất khả thi.
.vn là mã quốc gia Việt Nam. .com, .io, .org là các TLD khác.Bạn không sở hữu tên miền — bạn thuê nó, thường là theo năm, từ một công ty gọi là nhà đăng ký (registrar). Họ là trung gian giữa bạn và cơ quan chính thức (gọi là "registry") quản lý danh sách tổng. Nếu bạn ngừng trả tiền, tên miền sẽ quay lại thị trường.
Các nhà đăng ký phổ biến: Tenten (Việt Nam), GoDaddy, Namecheap, Cloudflare Registrar.
Nhà đăng ký chỉ là người bán. Họ không vận hành trang web của bạn. Họ chỉ giữ chỗ cho cái tên và báo với internet "nếu ai hỏi forwardgroup.vn, câu trả lời nằm ở danh bạ này" (chúng ta sẽ xem ở phần DNS tiếp theo).
forwardgroup.vn được đăng ký qua Tenten. Gia hạn diễn ra một năm một lần — nếu bạn quên, trang web sẽ ngừng hoạt động và người khác có thể mua tên đó. Hãy lưu thông tin đăng nhập Tenten và ngày gia hạn trong trình quản lý mật khẩu.
Nó là gì. DNS (Domain Name System — Hệ thống phân giải tên miền) là cuốn danh bạ của internet. Khi ai đó gõ forwardgroup.vn, DNS tra cứu địa chỉ số tương ứng — gọi là địa chỉ IP — và báo cho trình duyệt biết phải đi đến đâu.
Tên miền của bạn (Tenten) và hosting (Cloudflare) thường là hai công ty khác nhau. DNS là cây cầu nối: "tên miền này → máy chủ kia." Nếu DNS sai hoặc thiếu, tên miền sẽ trỏ vào hư không — dù files của trang web vẫn nguyên vẹn.
Hầu hết các thiết lập hiện đại đều đặt DNS tại Cloudflare, ngay cả khi tên miền được mua ở nơi khác. Lý do: DNS của Cloudflare nhanh, miễn phí, và đi kèm tính năng bảo mật.
Tenten bán forwardgroup.vn cho bạn, nhưng DNS được quản lý tại Cloudflare (dưới tài khoản Cloudflare Tien@bizcentralhub.com). Để làm được điều này, bạn đã vào panel Tenten và trỏ tên miền sang "nameservers" của Cloudflare — đó là bước bàn giao. Từ đó trở đi, mọi quyết định định tuyến đều diễn ra tại Cloudflare.
Nó là gì. Máy chủ (server) chỉ là một cái máy tính bật vĩnh viễn, nối internet, chứa files của trang web bạn. Hosting là dịch vụ cho thuê không gian trên cái máy đó.
Cloudflare đội nhiều mũ cùng lúc, đó là lý do nó xuất hiện ở khắp nơi trong stack của bạn:
Cả forwardgroup.vn lẫn trang Fanscom credentials đều được triển khai trên Cloudflare Pages, dưới tài khoản Tien@bizcentralhub.com. Mỗi khi bạn đẩy (push) code mới lên GitHub, Cloudflare tự động build lại và xuất bản trang web trong vòng ~30 giây.
Một trang web, ở tầng sâu nhất, là ba loại file văn bản thuần phối hợp với nhau. Mọi trang web bạn từng truy cập đều quy về bộ ba này:
.html..css..js.Viết CSS từ đầu rất chậm. Tailwind CSS là một framework phổ biến cho bạn các "utility class" sẵn (text-blue-500, p-4, flex) để gắn trực tiếp vào HTML. Nhanh hơn, nhất quán hơn, và giờ đã thành chuẩn ngành. Trang Fanscom đang dùng Tailwind v4.
Các trang web hiện đại hiếm khi viết một file HTML khổng lồ bằng tay (dù trang forwardgroup.vn thì đang làm vậy). Thay vào đó, họ dùng một framework như Astro, Next.js, hoặc Nuxt cho phép dev viết các mảnh tái sử dụng được ("component"), rồi biên dịch chúng thành HTML/CSS/JS tĩnh tại thời điểm build.
forwardgroup.vn → một file index.html duy nhất viết tay (~220 KB) với toàn bộ CSS và JS nằm bên trong. Đơn giản và nhanh.
fanscom-credentials-2026 → được build bằng Astro 6 + Tailwind CSS v4 + GSAP (thư viện animation) + Lenis (cuộn mượt). Khi bạn chạy npm run build, Astro biên dịch mọi thứ thành files tĩnh để triển khai lên Cloudflare.
Bạn đã hỏi về Python — đây là câu trả lời ngắn gọn, rõ ràng.
JavaScript chạy trong trình duyệt (phía khách). Python thường chạy trên máy chủ (phía công ty), làm những việc như xử lý dữ liệu, train mô hình AI, tạo báo cáo, hoặc cung cấp logic backend cho ứng dụng.
Cả forwardgroup.vn lẫn Fanscom credentials đều không dùng Python — cả hai đều là trang tĩnh. Nhưng sub-team Data Analytics của bạn gần như chắc chắn dùng Python (hoặc người anh em của nó, R) để xử lý data. Công việc đó diễn ra ngoài trang web, kết quả có thể được nạp ngược lại sau.
CMS = Content Management System (Hệ thống quản lý nội dung). Nó là một panel quản trị thân thiện, nơi người không kỹ thuật (như bạn) có thể chỉnh sửa nội dung trang web mà không phải đụng vào HTML.
Headless giờ đã thành chuẩn hiện đại vì cùng một nội dung có thể nuôi một trang web, một app mobile, và một kênh thứ ba từ duy nhất một nguồn sự thật.
Sanity cho bạn một giao diện quản trị tùy biến gọi là Sanity Studio (một thư mục trong repo, tên là studio/). Bạn thiết kế các trường mà team sẽ điền vào (ví dụ "Tiêu đề Case Study", "Ảnh Hero", "Tags"). Người biên tập đăng nhập tại your-project.sanity.studio, sửa, bấm xuất bản — và trang web sẽ lấy nội dung mới ở lần tải kế tiếp.
Thư mục studio/ trong forward-group-website chính là Sanity Studio của bạn. Lịch sử commit gần đây cho thấy "Switch image renders to img with srcset" và "Wire site to Sanity CMS with inline fallback" — nghĩa là team vừa di chuyển một số phần của trang (có thể là case studies / projects) từ hard-code HTML sang lấy từ Sanity. Khi người biên tập nội dung được training xong, bạn có thể cập nhật câu chữ mà không cần dev.
Git là "cỗ máy thời gian cho code" — mọi thay đổi đều được ghi lại, bạn có thể quay về bất cứ điểm nào. GitHub là trang web nơi các team lưu các dự án Git của họ trên cloud và cùng cộng tác.
Cloudflare Pages không host trực tiếp files của bạn — nó theo dõi kho lưu trữ GitHub (một folder dự án). Mỗi khi dev đẩy thay đổi lên GitHub, Cloudflare tự động build lại và tái xuất bản trang. GitHub là nguồn sự thật; Cloudflare là lớp phân phối.
Repository (repo) = một folder dự án. Commit = một bản chụp được lưu lại với lời nhắn. Branch = một phiên bản song song (ví dụ thử trang chủ mới mà không phá trang live). Pull request = "hãy review và merge thay đổi của tôi".
Các commit gần đây — "Remove local-only feedback overlay system", "Add GA4 tracking, favicons, and social-share meta" — đều có dấu thời gian, người làm, và có thể đảo ngược. Nếu có gì hỏng, bạn có thể rollback về bất kỳ commit cũ nào chỉ trong vài giây.
API = Application Programming Interface (Giao diện lập trình ứng dụng). Nó là "thực đơn" chuẩn hóa mà một app công khai cho các app khác có thể yêu cầu thứ gì đó từ nó.
"App A hỏi App B lấy data hoặc yêu cầu một hành động, theo định dạng mà App B hiểu, và nhận lại câu trả lời có cấu trúc." Vậy thôi.
API key là một chuỗi ngẫu nhiên dài chứng minh bạn là người gọi có thẩm quyền. Nó nói với API "Tôi là user thật, đã đăng ký, đây là thẻ của tôi." Không có nó, API sẽ từ chối bạn.
API key giống như mật khẩu. Không bao giờ dán nó vào email, Slack, screenshot, hay kho code công khai. Nếu lộ, hãy tạo lại key ngay từ dashboard của vendor.
Google Workspace là gói dịch vụ doanh nghiệp của Google: Gmail, Drive, Docs, Sheets, Calendar, Meet — dưới một tên miền tùy chỉnh (@bizcentralhub.com trong trường hợp của bạn). Mỗi dịch vụ đều có API riêng.
API Client chỉ là một đoạn code (hoặc một app đã đăng ký) có quyền gọi một API của Google thay mặt ai đó. Để tạo nó, bạn vào Google Cloud Console, đăng ký một "project" mới, bật các API cần dùng (Gmail API, Drive API, v.v.), và tạo credentials — có thể là API key, OAuth client, hoặc Service Account.
my-bot@my-project.iam.gserviceaccount.com.tien@bizcentralhub.com của bạn nằm trong tenant Google Workspace. Nếu team xây dựng công cụ nội bộ (data dashboard, báo cáo tự động), họ sẽ đăng ký API client trong Google Cloud Console dưới workspace đó, và các key sinh ra chính là thứ cần được lưu giữ an toàn (trình quản lý mật khẩu, không bao giờ trong code).
Một bảng phân loại sạch sẽ các nhà cung cấp trong stack của bạn — mỗi bên chỉ chiếm một lớp cụ thể, không bao giờ hai.
Nhà đăng ký Việt Nam đã bán và gia hạn forwardgroup.vn. Bạn đăng nhập đây mỗi năm một lần để gia hạn; ngoài ra thì đứng ngoài.
Con dao đa năng Thụy Sĩ trong stack của bạn. Quản lý DNS, host cả hai trang trên Cloudflare Pages, phân phối toàn cầu qua CDN, thêm bảo mật. Tài khoản dưới Tien@bizcentralhub.com.
Lưu trữ cloud cho code. Cloudflare theo dõi nó. Mỗi commit là một bản chụp có phiên bản, có thể đảo ngược.
Database nội dung kiểu headless. Team bạn sửa trong Sanity Studio; trang web lấy nội dung qua API.
Thư viện CSS utility-class. Trang Fanscom dùng để styling nhanh và nhất quán. Mã nguồn mở, không cần tài khoản.
Framework trang Fanscom đang dùng để build. Biến các component thành HTML/CSS/JS tĩnh ở thời điểm build. Mã nguồn mở.
Email, Drive, Calendar dưới @bizcentralhub.com. Cũng là cổng vào API client qua Google Cloud Console.
Trang forwardgroup.vn đã có tag GA4 cài đặt sẵn (G-XQLRY436SE). Theo dõi khách, trang xem, nguồn traffic.
Thư viện JavaScript dùng bên trong Fanscom cho hiệu ứng cuộn và smooth scroll. Mã nguồn mở, không cần tài khoản.
Lưu trữ font miễn phí. Cả hai trang đều kéo Outfit + Instrument Serif từ đây ở mỗi lần tải trang. Không cần tài khoản.
Hãy hình dung một khách gõ forwardgroup.vn vào trình duyệt. Đây là cuộc chạy tiếp sức sau đó, từng lớp một:
Mỗi nhà cung cấp trong stack của bạn đang làm đúng một việc tại đúng một bước. Nếu có gì hỏng, giờ bạn đã có thể chẩn đoán bước nào hỏng và do đó liên hệ vendor nào.
.vn, .com, .io.{"name":"Tien"}.