The React Framework

Next.js构建现代 Web

什么是 Next.js

Next.js 是由 Vercel 打造的 React 框架。它为生产环境提供了开箱即用的最佳实践——服务端渲染、静态生成、增量更新、路由、打包优化,全部内置。

从个人博客到大型商业应用,Next.js 让开发者专注于产品逻辑,而非基础设施。Netflix、TikTok、Notion、GitHub 等公司都在使用它。

核心特性

01

服务端渲染

Server-Side Rendering

页面在服务器上预渲染,首屏加载极快,SEO 表现优异。支持流式渲染,让用户尽早看到内容。

02

文件路由系统

File-Based Routing

基于文件系统的直觉式路由,创建文件即创建路由。嵌套布局、动态路由、路由分组,一切开箱即用。

03

React 服务端组件

Server Components

默认在服务端运行组件,零客户端 JavaScript 开销。数据获取直接在组件中完成,无需额外的 API 层。

04

全栈能力

Full-Stack Framework

Route Handlers 让你在同一项目中编写 API。Server Actions 实现表单提交和数据变更,前后端无缝衔接。

05

自动优化

Built-in Optimizations

图片、字体、脚本的自动优化。代码分割、预加载、缓存策略,性能调优不再是手动工作。

06

部署即生产

Deploy Anywhere

一键部署到 Vercel,也支持 Docker、Node.js 服务器或静态导出。选择最适合你的部署方式。

发展历程

2016

Next.js 1.0 发布,将 SSR 带入 React 生态

2020

引入增量静态再生(ISR),混合渲染成为现实

2022

App Router 登场,拥抱 React Server Components

2024

Turbopack 成为默认打包器,构建速度大幅提升

今天

全球数百万开发者的首选 React 框架

Ready?

开始你的 Next.js 之旅