Next.js logo

关于 Next.js

什么是 Next.js?

Next.js 是一个基于 React 的全栈 Web 应用框架,由 Vercel 开发和维护。它为构建现代 Web 应用提供了开箱即用的功能,包括服务端渲染、静态站点生成、API 路由等。

核心特性

🚀 服务端渲染 (SSR)

在服务器上预渲染页面,提供更好的 SEO 和首屏加载性能。

📄 静态站点生成 (SSG)

在构建时生成静态 HTML 文件,实现极快的页面加载速度。

🔄 增量静态再生 (ISR)

在运行时更新静态页面,无需重新构建整个应用。

🛣️ 文件系统路由

基于文件和文件夹结构自动生成路由,简化路由配置。

App Router 新特性

Next.js 13 引入了全新的 App Router,基于 React Server Components 构建:

  • 服务器组件和客户端组件的清晰分离
  • 嵌套布局和模板支持
  • 流式渲染和 Suspense 集成
  • 并行路由和拦截路由
  • 改进的数据获取模式

为什么选择 Next.js?

性能优化

自动代码分割、图片优化、字体优化等内置性能优化功能。

🔧

开发体验

热重载、TypeScript 支持、内置 ESLint 配置等优秀的开发体验。

🌍

生产就绪

零配置部署、边缘运行时支持、国际化等生产环境功能。

学习资源

Built with Next.js