Next.js 14 和 React – 完整指南
从头开始学习 NextJS 14,并使用 App Router 或 Pages Router 构建全栈 ReactJS + NextJS 应用程序!
讲师:Maximilian Schwarzmüller
独家Udemy付费课程,中英文字幕,课程资料包齐全!
用不到1/10的价格,即可享受同样的高品质课程,且可以完全拥有,随时随地都可以任意观看和分享。
你将学到什么
-
了解如何使用 NextJS 14 和 App Router 构建全栈 React 应用程序
-
构建真实的项目并应用您通过实践项目和示例学到的知识
-
了解构建 NextJS 应用程序的不同方法 – App Router 与 Pages Router
-
开始使用 React 服务器组件、客户端组件、数据获取等!
-
通过服务器操作处理数据提交
-
了解所有关键的 NextJS 功能,例如预渲染、SSR、数据获取、基于文件的路由和身份验证
-
如果您的时间有限,请学习完整课程或“NextJS 摘要”模块以快速入门
要求
-
强烈推荐 ReactJS 知识,但该课程还包括完整的 React 复习模块
-
无需具备 NextJS 知识
描述
2023 年 12 月更新:
-
添加了一个巨大的新部分(包括一个全新的演示项目),深入介绍了 NextJS 14 和“App Router”!
-
涵盖 React 服务器组件、服务器操作等
-
涵盖 S3 上的文件上传和存储
-
完全更新了“React Refresher”部分
-
无需具备 NextJS 知识 – 我将在本课程中向您介绍“App Router”是什么!
加入这个最畅销的 NextJS 课程,学习如何使用 React 和 NextJS 构建高度动态、超快速且支持 SEO 的 React 应用程序!
本课程涵盖 NextJS“App Router”和“Pages Router”——使用 React 构建全栈应用程序的两种不同方法!当然,您还将了解这两种方法是什么、为什么存在两种不同的方法以及每种方法的工作原理!
我创建了关于 React 的最畅销的 Udemy 课程,现在我非常高兴与您分享这个 NextJS – 这是一个关于令人惊叹的 React 框架的深入课程,它允许您作为 React 开发人员迈出下一步并构建真正的生产环境 -使用 React 和 Next.js 准备好项目!
Next.js 是ReactJS的生产就绪型、全栈功能框架- ReactJS是当今您可以学习的最流行的 JavaScript 库!
太多流行语不符合您的口味?
很公平 – 但事实上,NextJS 是作为 React 开发人员成长并将您的 React 应用程序提升到新水平的绝佳选择!
因为NextJS 增长迅速,因此需求量很大。这是有充分理由的:NextJS 允许您使用内置的服务器端渲染和页面预渲染来构建 React 应用程序。构建出色的用户体验和搜索引擎友好(SEO!)React 应用程序从未如此简单!
此外,NextJS 还使得构建全栈 React 应用程序(前端 + 后端代码合并在一个项目中)变得非常容易!混合客户端和服务器端代码,并与前端 React 应用程序并行构建基于 NodeJS 的 API。使用 NextJS 轻而易举!
想要添加身份验证吗?NextJS 也简化了这一过程,使用户注册、登录和会话管理变得非常方便。
本课程将带您立即从 NextJS 初级到高级!
我们将从最基础的知识开始,根本不需要 NextJS 知识,然后我们将深入探讨构成 NextJS 的所有核心功能。无论是在理论上还是在多个实际项目中,所有概念都将逐步应用。
对于本课程,您需要基本的 React 知识,尽管本课程确实附带了“React 复习”模块,以防您距离上次使用 React 已经有一段时间了。
本课程还包括用于页面路由器的“NextJS 摘要”模块和用于应用程序路由器的“NextJS Essentials”模块– 允许您将来随时返回课程并刷新您的知识,而无需再次学习完整课程。或者您只需使用这些摘要模块(暂时跳过其余部分)即可在尽可能短的时间内了解所有核心功能。
完成本课程后,您将做好充分准备从头开始构建自己的 NextJS 项目并申请 NextJS 职位!
具体来说,本课程将涵盖:
-
什么是 NextJS?你为什么要使用它?
-
为什么仅仅 React(在很多情况下)还不够?
-
从头开始创建 NextJS 项目并理解这些项目
-
使用基于文件的路由
-
添加动态路由和包罗万象的路由
-
实现不同形式的页面预渲染和服务端渲染
-
处理数据并将数据获取+预取添加到您的应用程序中
-
使用服务器操作处理表单提交
-
处理文件上传
-
预先生成动态和静态页面
-
向页面添加元数据等优化
-
使用 NextJS Image 组件优化图像
-
使用 API 路由或服务器操作构建全栈应用程序
-
使用 React 上下文管理应用程序范围的状态(在 NextJS 应用程序中)
-
向 NextJS 应用程序添加身份验证
-
我们将在多个完整的应用程序中应用所有这些核心概念!
-
一个完整的 React.js 复习模块(以便我们都在同一页面上)
-
NextJS 摘要模块,以便您可以刷新所学知识或快速探索核心功能
-
以及更多!
我迫不及待地想和你一起开始这段旅程!:)
本课程适合谁:
- 想要采取下一步并构建可投入生产的 React 应用程序的 React 开发人员
- 旨在构建全栈 React 应用程序的 React 开发人员
- 想要使用最流行和最受欢迎的技术堆栈之一的一般 Web 开发人员