Next.js 中文教程

下一代 React 全栈框架
构建快速、现代化的 Web 应用

快速开始 → 浏览教程
⚡ 服务端渲染
🔥 静态生成
🚀 API 路由
💎 TypeScript

为什么选择 Next.js？

⚡

极速开发

快速刷新、零配置、开箱即用的开发体验让你专注于构建应用

🎯

混合渲染

SSR、SSG、ISR 多种渲染模式，为每个页面选择最佳方案

🔌

全栈框架

内置 API 路由，轻松构建前后端一体化的应用

📦

优化构建

自动代码分割、图片优化、字体优化，极致性能体验

🎨

CSS 支持

支持 CSS Modules、Sass、Tailwind 等多种样式方案

🗂️

高级路由和联套布局

使用文件系统创建路由，包括支持更高级的路由模式和 UI 布局

⚙️

服务器操作

通过调用函数执行服务器代码，无需使用 API，即可轻松重新验证缓存数据并更新 UI

🛡️

中间件

掌控传入的请求。使用代码来定义路由和访问规则，用于身份验证、实验和国际化

准备好开始了吗？

跟随我们的教程，从零开始学习 Next.js

开始学习 Next.js → 学习 React 基础