Getting Started
欢迎来到 Next.js 文档!
这个入门指南部分将帮助你创建第一个 Next.js 应用程序,并学习你在每个项目中都会用到的核心功能。
前置知识
我们的文档假设你对 Web 开发有一定的了解。在开始之前,如果你熟悉以下内容会很有帮助:
- HTML
- CSS
- JavaScript
- React
如果你是 React 新手或需要复习,我们建议从React 基础课程开始,以及Next.js 基础课程,它会带你在学习的同时构建一个应用程序。
后续步骤
安装
学习如何使用 `create-next-app` CLI 创建新的 Next.js 应用程序，并设置 TypeScript、ESLint 和模块路径别名。
Project Structure
了解 Next.js 中的文件夹和文件约定，以及如何组织你的项目。
布局和页面
学习如何创建你的第一个页面和布局，并使用 Link 组件在它们之间进行链接。
链接和导航
了解内置导航优化的工作原理，包括预取、预渲染和客户端导航，以及如何优化动态路由和慢速网络的导航。
Server 和 Client 组件
学习如何使用 React Server 和 Client 组件在服务器或客户端渲染应用程序的各个部分。
Cache Components
学习如何使用 Cache Components 并结合静态和动态渲染的优势。
获取数据
学习如何获取数据以及流式传输依赖于数据的内容。
更新数据
学习如何使用 Server Functions 更新数据。
缓存和重新验证
学习如何在你的应用程序中缓存和重新验证数据。
Error Handling
学习如何展示预期错误和处理未捕获的异常。
CSS
了解在应用中添加 CSS 的不同方式，包括 Tailwind CSS、CSS Modules、Global CSS 等。
Image Optimization
了解如何在 Next.js 中优化图片
字体优化
了解如何在 Next.js 中优化字体
Metadata and OG images
学习如何向你的页面添加元数据并创建动态 OG 图像。
Route Handlers
学习如何使用 Route Handlers
Proxy
了解如何使用 Proxy
部署
了解如何部署你的 Next.js 应用程序。
升级
了解如何将你的 Next.js 应用程序升级到最新版本或 canary 版本。