Từ sitemap đến website Nexpanion: những gì một bản demo chưa giải quyết

Bản demo đã làm được gì

Bản đầu giúp tôi kiểm tra nhận diện, bố cục và hành trình cơ bản qua Trang chủ, Ghi chép, Tài nguyên, Hiện tại, Về tôi và Liên hệ. Nó cũng có giao diện đăng nhập và chuyển đổi Việt–Anh.

Nhưng phần lớn chức năng vẫn chỉ chạy trong trình duyệt. Tài khoản không được lưu, file tải xuống được tạo ngay trên máy người dùng và các trang dùng đường dẫn hash.

Vấn đề của đường dẫn hash

Một địa chỉ như #/vi/notes/... không phải là trang độc lập được máy chủ xử lý. Để nội dung có cơ hội xuất hiện ổn định trên công cụ tìm kiếm, tôi chuyển mỗi bài sang URL thật, có tiêu đề, mô tả, canonical và nội dung HTML riêng.

Tài khoản phải tạo ra quyền lợi thật

Tôi giữ chức năng đăng nhập vì thành viên sẽ dùng nó để tải template và workflow. Supabase được chọn để quản lý email/mật khẩu, đăng nhập Google và kho file riêng tư. Nút tải chỉ hoạt động khi có phiên đăng nhập hợp lệ.

Mỗi ngôn ngữ cần một bộ trang riêng

Bản tiếng Việt là nội dung gốc. Bản tiếng Anh có URL riêng, canonical tự tham chiếu và liên kết ngôn ngữ tương ứng. Tôi khóa ý của bản Việt trước khi dịch để hai phiên bản không thay đổi lệch nhau.

Email và đo lường cần được thử như một người dùng

Tôi đã dùng địa chỉ thử để kiểm tra luồng xác nhận email và trạng thái thành viên trong MailerLite. Form đăng ký công khai hiện vẫn tạm đóng, cho đến khi quy trình gửi, xác nhận và hủy đăng ký được kiểm tra lại trên môi trường production.

Google Analytics chỉ tải sau khi người đọc đồng ý. Tôi cũng thêm cách mở lại lựa chọn này ở footer, rồi kiểm tra phiên thử trong báo cáo Realtime. Một lỗi CSS từng làm banner đã chọn vẫn hiện; phép thử trên trình duyệt giúp phát hiện trước khi đóng gói bản phát hành.

Tôi đã kiểm tra bản phát hành như thế nào

Bản chuẩn bị ra mắt có 42 URL nội bộ ở hai ngôn ngữ. Tôi kiểm tra trạng thái phản hồi, H1, canonical và thẻ xác minh tìm kiếm trên từng URL. Tôi cũng thử đăng nhập email, đăng nhập Google, đăng xuất, chặn tải khi chưa đăng nhập và tải đủ bốn tài nguyên khi đã có phiên hợp lệ.

Trước khi đưa lên website công khai, gói phát hành được giải nén riêng trên máy chủ và chạy lại toàn bộ kiểm tra. Website hiện tại vẫn được giữ nguyên để có thể triển khai hoặc quay lại mà không trộn hai phiên bản.

Bài học ở giai đoạn này

AI có thể giúp tạo giao diện nhanh, nhưng yêu cầu sản phẩm vẫn cần được viết rõ. Một website dùng thật còn có dữ liệu, quyền truy cập, email, đo lường, bảo mật, nội dung pháp lý và quy trình cập nhật.

Nếu đang tự làm website bằng AI, hãy dành một checklist riêng cho những phần người xem không thấy. Đăng nhập, quyền file, email, analytics và rollback không tạo ra ảnh chụp đẹp, nhưng chúng quyết định bạn có thể vận hành website sau ngày ra mắt hay không.