#优质博文 #前端 #新动态
Next.js 16：Next.js 16 发布，此次更新让 Turbopack 成为默认打包器，React Compiler 支持正式稳定，并且引入了全新的 Cache Components、Next.js Devtools MCP，统一代理文件 proxy.ts 取代 middleware.ts。
[以下是方便搜索索引的大纲(AI 生成)，请读原文]
Next.js 16：Next.js 16 发布，此次更新让 Turbopack 成为默认打包器，React Compiler 支持正式稳定，并且引入了全新的 Cache Components、Next.js Devtools MCP，统一代理文件 proxy.ts 取代 middleware.ts。
[以下是方便搜索索引的大纲(AI 生成)，请读原文]
1. 核心特性与架构升级
• 引入 Cache Components：基于“use cache” 指令的显式缓存机制，结合 PPR（Partial Pre-Rendering）完成静态与动态渲染的统一。
• 改进的缓存 API：新增 updateTag()、refresh()，更新 revalidateTag() 支持 cacheLife 配置，提升对缓存生命周期与数据一致性的控制。
• 增强路由系统：通过布局去重（layout deduplication）与增量预取（incremental prefetching）减少重复下载与数据冗余。
• 新的代理机制 proxy.ts：中间件（middleware.ts）演进为 proxy.ts，使网络边界清晰可见，并支持 Node.js 运行时。
2. 开发体验（DX）与工具改进
• Next.js Devtools MCP：集成 Model Context Protocol，支持 AI 调试代理，可透视应用路由、缓存与日志。
• 日志系统优化：构建与运行阶段的耗时分析细化，日志结构更清晰。
• Turbopack 默认启用：替代 Webpack，提供最高 10 倍快速刷新与 2–5 倍构建速度提升，支持文件系统缓存（File System Caching）。
• create-next-app 简化：模板默认启用 TypeScript、App Router、Tailwind CSS、ESLint，降低项目启动门槛。
3. React 与构建链支持
• React Compiler 支持：稳定集成 React Compiler 自动记忆化能力，减少不必要的重新渲染。
• React 19.2：支持新特性 View Transitions、useEffectEvent()、<Activity /> 等，即时交互体验优化。
• Build Adapters API（alpha）：允许自定义构建适配器，实现部署平台与构建流程的联动。
4. 行为变更与重大调整
• 异步访问要求：params、cookies()、headers() 等需 await 调用。
• Node.js 20.9+、TypeScript 5+ 成为最低版本要求。
• Turbopack 成为全局默认打包器；middleware.ts 弃用，重命名为 proxy.ts。
• 图片策略更新：默认缓存时长延长、质量设置调整、新安全策略限制本地 IP 优化。
• 部分配置项（如 AMP、next lint、runtimeConfig）彻底移除或转为环境变量管理。
5. 性能与生态
• Node.js 原生 TypeScript 支持：新增 --experimental-next-config-strip-types。
• Dev/Build 输出目录分离，实现并行构建。
• 引入锁文件防止多实例冲突。
• 进一步提升 next dev / next start 命令性能。
nextjs.org
Next.js 16
Next.js 16 includes Cache Components, stable Turbopack, file system caching, React Compiler support, smarter routing, new caching APIs, and React 19.2 features.
