Interestrust CA

Bài toán

Yêu cầu đặt ra

Hồ sơ năng lực chỉ tồn tại dưới dạng PDF gửi qua email, không tra cứu được và không có bản tiếng Anh cho đối tác quốc tế.

• Hồ sơ năng lực là file PDF nặng, không tra cứu được và không lên Google.
• Danh mục sản phẩm không có nơi trình bày chính thức, mỗi lần hỏi lại phải gửi tài liệu rời.
• Đối tác quốc tế không có bản tiếng Anh để đọc.
• Thông tin từng thuốc nằm trong tờ hướng dẫn của nhà sản xuất, không có cấu trúc chung để so sánh.
• Không có cách cập nhật sản phẩm mới mà không nhờ người làm web.

Giải pháp triển khai

• Dựng website song ngữ Việt - Anh với đầy đủ trang giới thiệu, danh mục, chi tiết sản phẩm, chính sách và liên hệ.
• Chuẩn hoá dữ liệu 22 sản phẩm về một cấu trúc chung, mỗi sản phẩm có trang riêng và được tạo tĩnh sẵn.
• Trang chi tiết sản phẩm tự dựng tối đa 8 mục từ dữ liệu — thành phần, chỉ định, liều dùng, chống chỉ định, tác dụng phụ, tương tác, thận trọng, cơ chế — và bỏ qua mục nào không có dữ liệu.
• Tách toàn bộ nội dung tĩnh và dữ liệu sản phẩm ra khỏi mã nguồn để cập nhật không cần sửa code.

Phạm vi triển khai

• Cấu trúc nội dung và điều hướng song ngữ
• Thiết kế giao diện theo bản thiết kế đã duyệt
• Frontend toàn bộ trang
• Mô hình dữ liệu sản phẩm và nội dung tĩnh
• SEO kỹ thuật và metadata theo từng ngôn ngữ
• Triển khai production

Công nghệ và lý do chọn

Next.js 15 (App Router)

Toàn bộ trang sản phẩm được tạo sẵn lúc build, nên tra cứu nhanh và từng trang thuốc đều lên được Google — đây là kênh đối tác tự tìm đến.

Dữ liệu tách khỏi mã nguồn

Danh mục thuốc thay đổi theo đăng ký lưu hành. Thêm một sản phẩm là thêm một bản ghi, trang chi tiết tự sinh, không phải viết thêm mã.

Song ngữ không dùng middleware

Mỗi trang tồn tại hai lần nhưng dùng chung một component. Cách này giữ trang ở dạng tĩnh hoàn toàn, không cần máy chủ xử lý chuyển hướng theo ngôn ngữ.

Tailwind v4 trên hệ biến CSS riêng

Giao diện port từ bản thiết kế đã duyệt, nên màu và khoảng cách được khai báo một lần làm biến rồi dùng lại, thay vì rải giá trị cố định khắp các trang.

Kết quả bàn giao

• Website đã chạy thật tại interestrust-ca.com với đầy đủ hai ngôn ngữ.
• 22 sản phẩm có trang chi tiết riêng, tra cứu và gửi link được thay cho việc gửi file PDF.
• Đội ngũ tự thêm hoặc sửa sản phẩm bằng cách cập nhật dữ liệu, không cần sửa giao diện.
• Bản tiếng Anh dùng được ngay khi làm việc với đối tác quốc tế.