应用路由 (App Router)
欢迎来到 Next.js 基础课程！在这个免费的互动课程中，您将通过构建一个全栈 Web 应用来学习 Next.js 的主要功能。
我们将构建什么
在本课程中，我们将构建一个具备以下功能的财务仪表板：
- 公开主页
- 登录页面
- 受身份验证保护的仪表板页面
- 用户添加、编辑和删除发票的功能
该仪表板还将配备数据库，您将在后续章节中进行设置。
完成课程后，您将掌握构建全栈 Next.js 应用所需的核心技能。
课程概览
以下是本课程将涵盖的功能概览：
- 样式设计：在 Next.js 中为应用添加样式的多种方式
- 性能优化：如何优化图片、链接和字体
- 路由系统：使用文件系统路由创建嵌套布局和页面
- 数据获取：在 Vercel 上设置 Postgres 数据库，以及数据获取和流式传输的最佳实践
- 搜索与分页：如何使用 URL 搜索参数实现搜索和分页功能
- 数据变更：通过 React 服务端操作 (Server Actions) 变更数据，并重新验证 Next.js 缓存
- 错误处理：如何处理常规错误和
404未找到错误 - 表单验证与无障碍性：服务端表单验证方法及提升无障碍性的技巧
- 身份验证：使用
NextAuth.js和中间件为应用添加身份验证 - 元数据：如何添加元数据并为社交分享优化应用
预备知识
本课程假设您已掌握 React 和 JavaScript 的基础知识。如果您是 React 新手，建议先学习我们的 React 基础课程，了解组件、属性、状态和钩子等 React 基础概念，以及服务端组件 (Server Components) 和 Suspense 等新特性。
系统要求
开始学习前，请确保您的系统满足以下要求：
- 已安装 Node.js 18.18.0 或更高版本 下载地址
- 操作系统：macOS、Windows（含 WSL）或 Linux
此外，您还需要准备 GitHub 账户 和 Vercel 账户。