2024 年 10 月更新：

更新了内容以反映最新版本的 Next.js （15）。

 2024 年 3 月/4 月更新：

完全更新了整个课程以涵盖最新版本的 Next.js！

本课程将教您最新版本的 Next.js，并涵盖 “App Router” 和 “Pages Router” （并解释这两种方法是什么）。

加入这个畅销的NextJS课程，学习如何使用React和NextJS构建高度动态、超快速且准备好SEO的React应用程序！

这门课程涵盖了NextJS “App Router” 和 “Pages Router” – 两种不同的方法用于构建React的全栈应用程序！当然，您将了解这两种方法是什么，为什么存在两种不同的方法以及每种方法的工作原理！

我创建了最畅销的 Udemy React 课程，现在我非常高兴与您分享这个 NextJS – 一门关于令人惊叹的 React 框架的深入课程，它允许您作为 React 开发人员迈出下一步，并使用 React 和 Next.js 构建真实的、生产就绪的项目！

Next.js 是 ReactJS 的生产就绪、全栈支持框架 – 这是您现在可以学习的最流行的 JavaScript 库！

太多的流行语不符合您的口味？

很公平 – 但确实，NextJS 是成长为 React 开发人员并将您的 React 应用程序提升到新水平的绝佳选择！

因为 NextJS 增长迅速，因此需求量很大。这样做有充分的理由：NextJS 允许你构建具有内置服务器端渲染和页面预渲染的 React 应用程序。构建出色的用户体验和搜索引擎友好 （SEO！React 应用程序从未如此简单！

此外，NextJS 也使构建全栈式 React 应用程序（前端 + 后端代码组合在一个项目中）变得非常容易！混合客户端和服务器端代码，并与前端 React 应用程序并排构建基于 NodeJS 的 API。使用 NextJS 轻而易举！

想要添加身份验证？NextJS 也简化了这一点，使用户注册、登录和会话管理变得非常方便。

本课程将带您从 NextJS 初学者立即进入高级！

我们将从最基础的开始，根本不需要 NextJS 知识，然后我们将深入研究构成 NextJS 的所有核心功能。无论是在理论上还是在多个实际项目中，所有概念都将逐步应用。

对于这门课程，你需要基本的 React 知识，尽管该课程确实带有一个 “React refresher” 模块，以防你上次使用 React 已经有一段时间了。

本课程还包括一个用于 Pages 路由器的 “NextJS Summary” 模块和一个用于 App 路由器的 “NextJS Essentials” 模块 – 它们允许您将来始终返回课程并刷新您的知识，而无需再次完成整个课程。或者，您只需学习这些摘要模块（暂时跳过其余部分），即可在尽可能短的时间内了解所有核心功能。

完成本课程后，您将为从头开始构建自己的 NextJS 项目并申请 NextJS 职位做好充分准备！

具体来说，本课程将涵盖：

• 什么是 NextJS？为什么要使用它？

• 为什么仅仅 React（在许多情况下）是不够的？

• 从头开始创建NextJS项目并理解这些项目

• 使用基于文件的路由

• 添加动态路由和捕获所有路由

• 实现不同形式的页面预渲染和服务器端渲染

• 使用数据并将数据获取 + 预取添加到应用程序

• 使用 Server Actions 处理表单提交

•  处理文件上传

• 预生成动态和静态页面

• 向页面添加元数据等优化

• 使用 NextJS Image 组件优化图像

• 使用 API 路由或 Server Actions 构建全栈应用程序

• 使用 React 上下文管理应用程序范围的状态（在 NextJS 应用程序中）

• 向 NextJS 应用程序添加身份验证

• 多个完整的应用程序，我们将在其中应用所有这些核心概念！

• 一个完整的 React.js 复习模块（以便我们都在同一页面上）

• 一个 NextJS 摘要模块，以便您可以复习所学内容或快速探索核心功能

•  还有更多！

我迫不及待地想与您一起开始这段旅程！:)