入门指南
欢迎阅读 Next.js 文档!
本入门指南章节将帮助您创建第一个 Next.js 应用,并学习在每个项目中都会用到的核心功能。
预备知识
我们的文档假设您对 Web 开发有一定了解。在开始之前,建议您熟悉以下内容:
- HTML
- CSS
- JavaScript
- React
如果您是 React 新手或需要复习,我们推荐从 React 基础课程 开始学习,随后通过 Next.js 基础课程 边学边构建应用程序。
后续步骤
安装指南
使用 `create-next-app` CLI 创建新的 Next.js 应用,并配置 TypeScript、ESLint 和模块路径别名。
项目结构
概述 Next.js 中的文件夹与文件约定,以及如何组织项目结构。
布局与页面
创建你的第一个页面和布局,并在它们之间建立链接。
图片
了解如何在 Next.js 中优化图片
字体
学习如何在 Next.js 中使用字体
CSS
了解在应用中添加 CSS 的不同方式,包括 CSS 模块 (CSS Modules)、全局 CSS (Global CSS)、Tailwind CSS 等。
服务端与客户端组件
了解如何利用 React 服务端组件 (Server Components) 和客户端组件 (Client Components) 在服务端或客户端渲染应用的不同部分。
数据获取
开始在您的应用中获取数据并流式传输内容。
缓存与重新验证
学习如何在应用程序中缓存和重新验证数据。
数据更新
学习如何在 Next.js 应用中更新数据。
错误处理
了解如何显示预期错误并处理未捕获异常。
部分预渲染
了解如何通过部分预渲染 (Partial Prerendering) 结合静态渲染与动态渲染的优势。
元数据与 OG 图片
了解如何为页面添加元数据并创建动态 OG 图片。
部署指南
学习如何部署你的 Next.js 应用。
升级指南
学习如何将你的 Next.js 应用升级至最新版本。