Next.js
由 Vercel 打造的全栈 React 框架，让你用最少的配置构建生产级 Web 应用。 SSR、SSG、ISR、API Routes……一切开箱即用。
核心特性
⚡
App Router
基于文件系统的路由，支持嵌套布局、加载状态、错误边界，让页面结构更清晰。
🖥️
Server Components
组件默认在服务端渲染，减少客户端 JavaScript 体积，提升首屏加载速度。
🔄
数据获取
直接在 Server Component 中使用 async/await 获取数据，告别 useEffect + fetch 的繁琐写法。
🖼️
图片优化
内置 <Image> 组件，自动压缩、懒加载、现代格式转换，Core Web Vitals 轻松达标。
🔤
字体优化
通过 next/font 自动托管 Google Fonts，零布局偏移，保护用户隐私。
🚀
零配置部署
一键部署到 Vercel，支持边缘函数、ISR 增量静态再生、自动 CDN 分发。
渲染模式对比
| 模式 | 缩写 | 生成时机 | 适用场景 |
|---|---|---|---|
| 静态生成 | SSG | 构建时 | 博客、文档、营销页 |
| 服务端渲染 | SSR | 每次请求 | 实时数据、用户个性化 |
| 增量静态再生 | ISR | 构建后按需 | 电商商品、新闻列表 |
| 客户端渲染 | CSR | 浏览器运行时 | 纯交互仪表盘 |
发展历程
- 16
2016
Next.js 1.0 发布，由 Vercel（原 ZEIT）开源
- 19
2019
Next.js 9 引入 API Routes 与自动静态优化
- 21
2021
Next.js 12 带来 Rust 编译器，构建速度提升 5×
- 22
2022
Next.js 13 发布全新 App Router（beta）
- 23
2023
Next.js 13.4 App Router 进入稳定版
- 24
2024
Next.js 15 引入 React 19 支持与 Turbopack 稳定版