Nexus, 이 웹사이트

문제

개인 사이트는 세 가지 일을 동시에 해야 합니다. 작업을 보여 주고, 검색에서 상위에 오르고, 궁금해하는 방문자를 대화로 이어 주는 것입니다. 게다가 운영 비용은 들지 않아야 하고, 함께 일하는 사람들의 언어로 읽혀야 하며, 그러면서도 공들여 만든 느낌이 나야 했습니다.

접근 방식

• 정적 우선. 모든 페이지를 모든 언어로 미리 렌더링해 CDN에서 제공합니다. 필요할 때만 실행되는 것은 AI 어시스턴트, 문의 폼, 대시보드뿐입니다.
• 18개 언어, 하나의 기준. 화면 문구는 언어마다 JSON 파일 하나에 있습니다. 프로필과 서비스는 언어별 필드를 가진 타입 지정 TypeScript 콘텐츠이고, 긴 글은 기계 번역 대신 솔직한 안내와 함께 영어로 보여 줍니다.
• 멈출 수 없는 어시스턴트. 답변은 사이트 자체의 콘텐츠에서 나옵니다. 무료 AI 제공자가 사용량 제한에 걸리면 다음 제공자가 이어받고, 모두 쓸 수 없을 때는 로컬 지식 베이스가 방문자의 언어로 된 템플릿으로 답합니다.
• 점진적 향상. 애니메이션, 검색, 터미널은 아주 작은 클라이언트 아일랜드 하나로 서버에서 렌더링한 HTML을 확장합니다. JavaScript가 없어도 콘텐츠는 모두 그대로 있습니다.

결과

중급 스마트폰에서도 빠르고, 오른쪽에서 왼쪽으로 쓰는 아랍어를 지원하며, 드는 비용은 도메인 비용뿐입니다. API 키를 하나도 설정하지 않아도 어시스턴트는 지원하는 모든 언어로 답합니다.

다시 한다면

콘텐츠 모델부터 시작하겠습니다. 어려운 결정의 대부분(무엇을 번역하고, 무엇을 영어로 돌리고, AI가 무엇을 말해도 되는지)은 코드가 아니라 콘텐츠에 관한 결정이기 때문입니다.