Next.js

定义

Next.js 是由 Vercel 开发并维护的、基于 React 的全栈 Web 应用框架。它在 React 这一用于构建用户界面的库之上,提供了路由、多种渲染策略、数据获取、构建优化与服务端能力的整合方案,旨在降低构建生产级应用的复杂度。[1]

原理

Next.js 提供两套路由体系:较早的 Pages Router 与较新的 App Router。App Router 引入了 React 服务器组件(RSC),允许组件默认在服务端执行、仅按需向客户端发送交互所需的代码。框架支持服务端渲染(SSR,请求时在服务端生成 HTML)、静态站点生成(SSG,构建期预渲染)、增量静态再生(ISR)以及客户端渲染等多种模式,并可在路由乃至组件粒度上灵活组合。其底层构建可由 Webpack 或新一代的 Turbopack 驱动。

特点

优点在于开箱即用的约定式路由、图片与字体优化、代码分割,以及对多种渲染范式的统一支持,生态成熟、部署便捷。缺点包括:App Router 与 RSC 心智模型相对复杂,学习曲线较陡;部分高级特性与 Vercel 平台耦合度较高;版本迭代较快带来一定迁移成本。

应用

Next.js 适用于内容站点、电商、营销页直至复杂的全栈 SaaS 应用,尤其契合需要兼顾 SEO、首屏性能与丰富交互的项目。它是当前 React 生态中应用最广的元框架之一。