跳到正文
WC.

在「万物动态」时代做静态优先

1 分钟阅读架构
#nextjs#static#performance

Edge edge HTML

edge function CDN edge线线

build HTML CDN function

西

GitHub fetch loading fetch fetch API public/ JSON

HTML + loading fetch JSON

+ hydration build

build edge functionCDN

继续阅读

网站上的跟读音频通常意味着有一台服务器:用户点播放,服务端跑 TTS、推流,或者至少从数据库里查一条录音。我想在这个站上也有音频——播放按钮和可选的按词高亮——但不加任何运行时。站点保持静态:每页预渲染,CDN 只负责发文件。没有函数调用,生产环境也没有 TTS 用的 API key。…

1 分钟阅读架构
staticaudionextjs

「在生产环境出错」是默认状态。坏链照样上线,主题描述里有个 typo 没人发现,frontmatter 少必填字段 build 照样跑——直到某页渲染错或 feed 崩了。错误在用户打开页面或你几周后才发现时出现,那时问题已经上线、被缓存,更难回溯。 改成在构建时失败。把校验当成内容流水线的一等公民。有问题就不让…

1 分钟阅读架构
validationstatic-siteszod

常有人问 wchen.ai 怎么做多语言、怎么在英文、西语和中文之间保持同步而不靠复制粘贴。简短回答:站点围绕一套清晰的内容模型来建,两个 agent skill——website-content 和 content-translation——规定内容放在哪、如何扩散。架构负责重活,两个 skill…

1 分钟阅读开发者工具
i18nnextjsskills