Nexus, chính trang web này

Vấn đề

Một trang cá nhân phải làm ba việc cùng lúc: trình bày công việc, xếp hạng tốt trên công cụ tìm kiếm và biến một vị khách tò mò thành một cuộc trò chuyện. Nó còn phải chạy với chi phí bằng không, nói ngôn ngữ của những người tôi làm việc cùng, và vẫn mang cảm giác được làm chỉn chu.

Cách tiếp cận

• Ưu tiên tĩnh. Mọi trang đều được hiển thị trước cho mọi ngôn ngữ và phân phối qua CDN. Chỉ có trợ lý AI, biểu mẫu liên hệ và bảng điều khiển chạy theo yêu cầu.
• Mười tám ngôn ngữ, một nguồn duy nhất. Chuỗi giao diện nằm trong một tệp JSON cho mỗi ngôn ngữ. Hồ sơ và dịch vụ là nội dung TypeScript có kiểu với các trường theo từng ngôn ngữ, còn các bài viết dài quay về tiếng Anh kèm thông báo rõ ràng thay vì dịch máy.
• Một trợ lý không thể ngừng hoạt động. Câu trả lời lấy từ chính nội dung của trang. Khi một nhà cung cấp AI miễn phí bị giới hạn tần suất, nhà cung cấp tiếp theo sẽ thay thế, và khi không còn ai khả dụng, kho tri thức cục bộ trả lời bằng các mẫu theo ngôn ngữ của khách.
• Nâng cấp dần dần. Hiệu ứng, tìm kiếm và terminal bổ sung cho HTML được hiển thị phía máy chủ qua một client island rất nhỏ; không có JavaScript, mọi nội dung vẫn còn đó.

Kết quả

Trang chạy nhanh trên điện thoại tầm trung, hỗ trợ tiếng Ả Rập viết từ phải sang trái, và chỉ tốn tiền tên miền. Trợ lý trả lời bằng mọi ngôn ngữ được hỗ trợ, ngay cả khi không có khóa API nào.

Nếu làm lại

Bắt đầu từ mô hình nội dung. Phần lớn các quyết định khó (dịch gì, quay về tiếng Anh ở đâu, AI được phép nói gì) là quyết định về nội dung chứ không phải về mã.