跳到主要内容
Clinford Jordano Valencia
全部项目
WebAI开源

Nexus:本站

一个多语言个人网站,配有永不宕机的 AI 助手,基于免费额度和静态优先渲染构建。

角色
Design & engineering
时间
2026
技术栈
Next.js 16 · TypeScript · Tailwind CSS v4 · AI SDK · Orama

问题

个人网站要同时完成三件事:展示作品、在搜索中获得排名,并让好奇的访客变成一次对话。它还必须零成本运行,支持与我合作的人所使用的语言,同时依然精致用心。

方案

  • 静态优先。 每个页面都针对每种语言预渲染,并从 CDN 提供。只有 AI 助手、联系表单和数据看板按需运行。
  • 十八种语言,唯一的事实来源。 界面文案每种语言一个 JSON 文件。个人资料和服务是带类型的 TypeScript 内容,每种语言有各自的字段;长文章则回退到英文并给出坦诚的提示,而不是机器翻译。
  • 不会宕机的助手。 回答来自本站自己的内容。当某个免费 AI 服务触发限流,就由下一个接手;当全部不可用时,本地知识库用访客语言的模板来回答。
  • 渐进增强。 动画、搜索和终端通过一个很小的客户端岛屿,增强服务端渲染的 HTML;即使没有 JavaScript,内容依然完整。

结果

这个网站在中端手机上很快,支持从右到左的阿拉伯语,成本只有域名费用。即使没有配置任何 API 密钥,助手也能用每一种支持的语言回答。

如果重来,我会怎么做

先从内容模型入手。大多数难的决定(哪些要翻译、哪些回退、AI 可以说什么)都是内容层面的决定,而不是代码层面的。