跳到正文
WC.

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

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

Edge edge HTML

静态优先架构图,展示构建时产物直接从 CDN 提供。

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
本站 i18n 是怎么做的,以及两个 agent skill 如何配合

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

2 分钟阅读开发者工具
i18nnextjsskills
先推敲想法,再开始 vibe coding

我不会在 Cursor 里开启一个新项目。我会先去 ChatGPT。 在 repo 出现之前,先有一个想法。在实现计划出现之前,通常只有一个半成形的直觉,在我脑子里听起来比它实际更聪明。我已经学会不相信那个第一版。所以现在我会把这个想法讲给一个…

1 分钟阅读工作流
vibe-codingcursorskills