什么是 Next.js?
一个用于构建快速、可扩展的全栈 Web 应用的强大 React 框架。
面向生产的 React 框架
Next.js 是一个 React 框架,为您提供了构建 Web 应用的积木式组件。 它处理 React 所需的工具和配置,并为您的应用提供额外的结构、功能和优化。 无论您是个人开发者还是大型团队的一员,Next.js 都能帮助您构建交互式、动态且快速的 React 应用。
App Router(应用路由)
基于 React Server Components 构建的新一代路由系统。支持共享布局、嵌套路由、加载状态、错误处理等功能。推荐用于新项目。
Pages Router(页面路由)
最初的 Next.js 路由系统,仍然得到全面支持和持续改进。非常适合尚未需要 App Router 高级功能的现有应用。
核心特性
- ⚡Server Components(服务端组件) — 在服务端渲染组件,减少客户端 JavaScript,提升性能。
- 📁文件系统路由(File-based Routing) — 只需在
app目录中添加文件,即可创建路由。 - 🚀内置优化(Built-in Optimizations) — 自动进行图片、字体和脚本优化,实现页面即时加载。
- 🌐全栈能力(Full-Stack Capabilities) — API 路由、服务端操作和中间件,用于构建完整的应用。
- 🎨流式渲染与 Suspense(Streaming & Suspense) — 渐进式渲染页面,并使用 React Suspense 边界管理加载状态。