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）提供的所有课程、素材资源全部来源于互联网，VIP 赞助仅用于对双语资源服务器带宽及网站运营等费用支出做支持，如若本站内容侵犯了原著者的合法权益，可联系我们进行处理。