入门
欢迎阅读 Next.js 文档!
本入门指南部分将帮助您创建第一个 Next.js 应用程序,并学习您在每个项目中都将使用的核心功能。
先决条件知识
我们的文档假设您对 Web 开发有一定了解。在开始之前,如果您熟悉以下内容,将会很有帮助:
- HTML
- CSS
- JavaScript
- React
如果您是 React 新手或需要复习,我们建议您从我们的React 基础课程开始,以及Next.js 基础课程,该课程让您在学习的同时构建一个应用程序。
后续步骤
安装
了解如何使用 `create-next-app` CLI 创建新的 Next.js 应用程序,并设置 TypeScript、ESLint 和模块路径别名。
项目结构
了解 Next.js 中的文件夹和文件约定,以及如何组织您的项目。
布局和页面
了解如何创建您的第一个页面和布局,并使用 Link 组件在它们之间进行链接。
链接和导航
了解内置导航优化(包括预取、预渲染和客户端导航)如何工作,以及如何优化动态路由和慢速网络的导航。
服务器和客户端组件
了解如何使用 React 服务器和客户端组件在服务器或客户端上渲染应用程序的各个部分。
缓存组件
了解如何使用缓存组件并结合静态和动态渲染的优点。
数据获取
了解如何获取数据并流式传输依赖于数据的内容。
更新数据
了解如何使用服务器函数修改数据。
缓存和重新验证
了解如何在应用程序中缓存和重新验证数据。
错误处理
了解如何显示预期错误并处理未捕获的异常。
CSS
了解将 CSS 添加到应用程序的不同方法,包括 Tailwind CSS、CSS Modules、全局 CSS 等。
图像优化
了解如何在 Next.js 中优化图像
字体优化
了解如何在 Next.js 中优化字体
元数据和 OG 图像
了解如何将元数据添加到您的页面并创建动态 OG 图像。
路由处理程序
了解如何使用路由处理程序
代理
了解如何使用代理
部署
了解如何部署您的 Next.js 应用程序。
升级
了解如何将您的 Next.js 应用程序升级到最新版本或 Canary 版本。
这有帮助吗?