HashTang

本文基于开源项目 edge-next-starter 的真实迁移经验撰写。 edge-next-starter 是一个面向 Cloudflare 全栈开发的 Next.js 生产级启动模板

从 0 到 1 的历程 1.1 项目概览 心动恋聊是一个 AI 恋爱聊天助手小程序，帮助用户在社交场景中获得更好的聊天回复建议。 1.2 系列文章脉络 1.3 每篇文章的核心产出

一、开篇：性能问题的发现 1.1 体验评分告警 1.2 AI 给出优化路线图 二、分包优化：减少主包体积 2.1 我的需求 2.2 AI 分析页面结构 2.3 分包配置 2.4 分包预加载

没有错误处理的代码 可能出现的问题： 网络断开 → 应用白屏 接口超时 → 无任何反馈 返回数据为空 → Cannot read property 'replies

一、开篇：为什么需要 Hooks 1.1 组件复用 vs 逻辑复用 上一篇讲了组件封装，解决的是 UI 复用： 但还有一类复用问题：逻辑复用。 问题： 每个页面都要定义 loading、error、d

什么时候该封装组件 1.1 新手常见的误区 误区一：过度封装 误区二：不敢封装 1.2 何时应该封装组件 场景 是否封装 原因 同样的 UI 出现 3 次以上 封装 避免重复

一、开篇：登录流程的复杂性 1.1 看似简单，实则复杂 很多人觉得登录就是"点击按钮 → 调用接口 → 跳转首页"，但实际业务中的登录流程要复杂得多： 还有更多场景： 任意页面触发登录（不只是登录页）

之前推荐 BenQ RD280U 之后，有人私信说：‘这屏幕素质确实好，但每次切信号源、调亮度都要伸手去按键，有点麻烦。’ 我才意识到，很多人可能跟我以前一样，买了高端硬件，却只用了它 10% 的功能

常见的"祖传代码" 很多项目的 HTTP 请求是这样写的： 问题显而易见： 每个请求都要手动拼接 baseUrl 每个请求都要手动读取 token 每个请求都要