巧_

本文概括： 在 Next.js 中定义 GET/POST 接口及动态路由、缓存控制。 middleware.ts 用法，包括重定向、Cookie、请求/响应头、CORS 设置。

本文总结： 服务端组件 → 直接 fetch 或 ORM 查询。 客户端组件 → 用 use Hook 或 swr/react-query。 缓存 → 四种机制：请求记忆、数据缓存、完整路由缓存等

还在用 index.ts 聚合导出？我们删掉它后，Next.js 构建体积直接下降了 20%。附真实数据与实践指南。

从 Umi Max 迁移到 Next.js，我们实现了前后端架构解耦：后台继续用 Umi 做中台管理，前台用 Next.js 利用 SSR 提升 SEO 和性能。抛弃了 umi-request 改用

Next.js配置代码格式化和校验 ESLint 可以给项目加上代码校验 Prettier可以格式化代码 Git的钩子可以在提交时自动修复格式化 安装和配置Prettier Next.js

Next.js 路由系统App Router 本文概括： 文件即路由规则：文件夹结构决定 URL，对应的特殊文件有 layout.tsx、loading.tsx、error.tsx、not-found

如果你（我自己）在**反面教材**里面看到了自己代码的影子，那么这篇文章值得你花点时间好好看看。只要学到一个小点就是赚到，比如单例设计模式下的状态做初始化的时候...

联手 VS Code AI 插件第一次给 Vue 和 Vite 贡献源码的经历，AI 可以辅助重构代码和生成测试，还可以补全类型，我们负责提供需求，审核和调整代码。我从开源贡献中积累了新的经验。

两个月前，在被免费的trae排队编程虐了无数遍后，决定斥巨资开Cursor 感受了Cursor的丝滑后，我脑海里也闪过一个念头：“学编程=49年进国军”... Cursor写代码、解释代码、Debug