Next.js和React完整指南（包括两条路径）

从头开始学习 NextJS，并使用 NextJS 框架构建生产就绪的全栈 ReactJS 应用程序！
讲师：Maximilian Schwarzmüller

中英文字幕单独处理，翻译流畅，课程资料包齐全！

你将会学到什么？

  • 了解 NextJS 的所有关键功能，例如预渲染、SSR、数据获取、基于文件的路由和身份验证
  • 了解如何使用 NextJS 构建客户端和全栈 ReactJS 应用程序
  • 构建真正的项目，并通过动手项目和示例应用你学到的知识
  • 如果时间有限，请参加完整课程或“NextJS 摘要”模块快速入门

课程内容

15 个部分• 274 个讲座• 25 小时 2分钟

  • 入门14 节课• 49 分钟
  • 可选：React Refresher37 节课• 3 小时 54分钟
  • 页面和基于文件的路由17 节课• 1 小时4 分钟
  • 项目时间：使用基于文件的路由17 节课• 1 小时 46 分钟
  • 页面预渲染和数据获取30 节课• 2 小时 36分钟
  • 项目时间：页面预渲染和数据获取10 节课• 1 小时
  • 优化 NextJS 应用程序13 节课• 41 分钟
  • 使用 API 路由添加后端代码（Fullstack React）12节课• 1 小时 14 分钟
  • 项目时间：API 路由15 节课• 1 小时 25 分钟
  • 使用应用程序范围的状态（反应上下文）10节课• 42 分钟
  • 完整的应用示例：构建完整的博客 A 到 Z29 节课• 3 小时 15 分钟
  • 部署 NextJS 应用程序11 节课• 1 小时
  • 添加身份验证22节课• 2 小时 16 分钟
  • 可选：NextJS 摘要35节课• 3 小时 16 分钟
  • 课程综述2 节课• 5 分钟

课程要求

  • 强烈推荐 ReactJS 知识，但课程还包括完整的 React 进修模块
  • 不需要先前的 NextJS 知识

课程说明

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

本课程有两条路径可供你选择：“完整”路径（完整 > 20 小时课程）和“总结”路径（~3 小时总结模块） – 你可以选择最适合你时间要求的路径！

—

我创建了最畅销的关于 React 的 Udemy 课程，现在我很高兴能与你分享这门关于 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 已经有一段时间了。

本课程还包括一个“NextJS 总结”模块，让你以后可以随时回到课程并更新你的知识，而无需重新学习完整的课程。或者你只需使用该摘要模块（暂时跳过其余部分）以尽可能短的时间了解所有核心功能。

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

详细而言，本课程将涵盖：

  • NextJS 是什么？你为什么要使用它？
  • 为什么仅仅 React（在很多情况下）还不够？
  • 从头开始创建 NextJS 项目并理解这些项目
  • 使用基于文件的路由
  • 添加动态路由和包罗万象的路由
  • 实现不同形式的页面预渲染和服务端渲染
  • 处理数据并将数据提取+预提取添加到你的应用程序
  • 预生成动态和静态页面
  • 向页面添加元数据等优化
  • 使用 NextJS Image 组件优化图像
  • 使用 API 路由构建全栈应用程序
  • 使用 React 上下文管理应用程序范围的状态（在 NextJS 应用程序中）
  • 向 NextJS 应用程序添加身份验证
  • 多个完整的应用程序，我们将应用所有这些核心概念！
  • 一个完整的 React.js 刷新模块（这样我们都在同一个页面上）
  • 一个 NextJS 总结模块，让你可以刷新你所学的内容或快速探索核心功能
  • 以及更多！

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

此课程面向哪些人？

  • 想要迈出下一步并构建生产就绪的 React 应用程序的 React 开发人员
  • 旨在构建全栈 React 应用程序的 React 开发人员
  • 一般的 Web 开发人员，他们希望使用最流行和最受欢迎的技术堆栈之一
声明：双语资源网（shuangyuziyuan.com）提供的所有课程、素材资源全部来源于互联网，用户赞助仅用于对双语资源服务器带宽及网站运营等费用支出做支持，如若本站内容侵犯了原著者的合法权益，可联系我们进行处理。