内容标签

Next.js

返回全部文章
部署与运维
Next.js standalone Docker 镜像分层优化
分析 Next.js standalone Docker 镜像只改少量代码仍需推送几十 MB 的原因,说明静态生成与 standalone 产物如何让应用层失效。文章通过拆分运行时依赖和应用文件改善层复用,并给出 docker history、构建日志与推送输出的验证方法。
开发工具
我为什么把 TypeScript 的 NodeNext 改成 Bundler
从 TypeScript 源码为何用 .js 后缀导入 .ts 文件说起,比较 NodeNext 与 Bundler 的模块解析目标,解释 Node 原生 ESM、rewriteRelativeImportExtensions 和构建器改写后缀的关系,并说明 Next.js、Bun 项目选择 Bundler 的理由。
开发工具
现代 Web 体验优化
记录现代 Web 站点在 Next.js 中优化明暗主题、首屏闪烁、移动浏览器 theme-color、分页入口、Link 预取和不可用控件语义的实现方案。文章说明 next-themes 的服务端与客户端边界、系统主题跟随方式、预取带来的请求成本,以及按钮、链接和 aria 属性如何共同保证移动端体验与可访问性。
开发工具
Next standalone Turbopack trace 源码复制修复记录
排查 Next.js standalone 构建中 Turbopack trace 复制 TypeScript 源码的问题,解释追踪根目录、包含清单与 workspace 包如何影响产物,并给出收窄 content 文件、检查 standalone 目录和 Docker 复制边界的方法。
部署与运维
OpenNext Cloudflare 本地开发中的环境变量边界
排查 OpenNext Cloudflare 本地开发出现 Auth.js MissingSecret 的问题,说明 Wrangler 读到 .dev.vars 不代表变量已进入 next dev。文章梳理 Wrangler、Next.js 的环境变量边界,并给出检查 process.env、加载密钥和验证配置的方法。
OpenNextCloudflareNext.jsAuth.js查看正文 →