Next.js翻译站点

框架定位

Next.js 是一个构建于 React 之上的全栈 Web 开发框架。它扩展了 React 的组件模型，将路由、数据获取、渲染策略和部署配置整合进同一套约定中，使开发者无需在项目初期自行拼装大量第三方工具。

官网 nextjs.org 提供完整的文档、教程、模板与发布日志，是学习与查阅 API 的主要入口。

核心能力

渲染策略

Next.js 在同一项目中支持多种渲染方式，可按页面粒度选择：

这种灵活性使同一应用内可以针对不同路由采用不同策略，而非全站统一。

路由与数据获取

Next.js 采用文件系统路由：在 app 目录下创建文件夹和文件即可生成对应路由，无需额外配置。数据获取通过 fetch 的扩展选项和 Server Components 实现，服务端组件默认在服务器执行，减少客户端 JavaScript 体积。

全栈能力

框架内置了 API 路由（Route Handlers）和 Server Actions，允许在项目中直接编写后端逻辑，与前端代码共享类型定义。对于中小型项目，这可以省去单独维护后端服务的开销。

性能与开发体验

• 自动代码拆分：按路由拆分 JavaScript，仅加载当前页面所需代码
• 图片与字体优化：内置 next/image 和 next/font 组件，处理懒加载、尺寸适配与字体子集化
• 快速刷新：开发环境下修改代码后状态保留、即时反馈
• TypeScript 优先：官方类型定义完善，配置文件支持 TypeScript

部署生态

Next.js 由 Vercel 公司主导开发，在 Vercel 平台上部署可获得最完整的特性支持。同时它也支持自托管（Node.js 服务器）和静态导出，不锁定单一云平台。

适用边界

Next.js 适合需要 SEO、多页面结构或全栈能力的 React 项目。对于纯客户端单页应用、内容极简的落地页，或团队已有一套成熟的 React 工具链的情况，引入 Next.js 的收益需要结合实际需求评估。

学习路径建议从官方教程「Learn Next.js」开始，该课程以构建一个完整应用为主线，覆盖路由、数据获取、认证与部署等关键环节。