【Udemy付费课程】Next.js 15 & React – The Complete Guide

2024 年 10 月更新：

更新内容以反映 Next.js (15) 的最新版本。

2024 年 3 月/4 月更新：

彻底更新整个课程以涵盖 Next.js 的最新版本！

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

加入这门最畅销的 NextJS 课程，学习如何使用 React 和 NextJS 构建高度动态、超快且适合 SEO 的 React 应用程序！

本课程涵盖 NextJS“应用路由器”和“页面路由器” – 使用 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 复习”模块，以防您上次使用 React 已经有一段时间了。

本课程还包括针对 Pages 路由器的“NextJS 摘要”模块和针对 App 路由器的“NextJS 基本知识”模块– 让您以后可以随时返回本课程并复习知识，而无需再次完成整个课程。或者，您只需学习这些摘要模块（暂时跳过其余部分）即可在尽可能短的时间内了解所有核心功能。

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

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

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

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

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

• 使用基于文件的路由

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

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

• 处理数据并向应用添加数据获取 + 预获取

• 使用服务器操作处理表单提交

• 处理文件上传

• 预生成动态和静态页面

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

• 使用 NextJS Image 组件优化图像

• 使用 API 路由或服务器操作构建全栈应用程序

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

• 向 NextJS 应用添加身份验证

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

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

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

• 还有更多！

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