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 可以说什么)都是内容层面的决定,而不是代码层面的。