Next.js 和 Apollo – 投资组合应用程序（带 React、GraphQL、Node）

使学习 GraphQL 和 Apollo！在 Next.js(Next 9+) / React 支持 Apollo + Node.js 中创建一个快速的投资组合应用程序

讲师：Filip Jerga

独家Udemy付费课程，中英文字幕，课程资料包齐全！

用不到1/10的价格，即可享受同样的高品质课程，且可以完全拥有，随时随地都可以任意观看和分享。

你将会学到的

• 使用 Next JS、Apollo 和 Node 开发真实世界的 Web 应用程序
• 在市场上最需要的框架中创建你自己的投资组合应用程序
• 掌握 GraphQL 的全部威力
• 在令人兴奋的 Next 和 React Web 开发环境领域建立自己

课程内容

13 个章节 • 157 个讲座 • 总时长 28 小时 35 分钟展开所有章节

介绍2 个讲座 • 11 分钟

基础项目设置13 个讲座 • 3 小时

GraphQL 开端17 个讲座 • 2 小时 50 分钟

React 的阿波罗21 个讲座 • 3 小时 22 分钟

服务器上的身份验证18 个讲座 • 3 小时 24 分钟

客户端认证15 个讲座 • 2 小时 30 分钟

投资组合创建10 个讲座 • 1 小时 40 分钟

更新和删除功能8 个讲座 • 1 小时 18 分钟

用户体验改进8 个讲座 • 1 小时 30 分钟

论坛专题23 个讲座 • 5 小时

分页9 个讲座 • 1 小时 44 分钟

突出特点6 个讲座 • 1 小时 6 分钟

部署7 个讲座 • 1 小时 2 分钟

要求

• React JS 基础知识
• HTML 和 CSS 基础知识，但不是必须具备的

说明

什么是 GraphQL？

GraphQL 是一种用于 API 的查询语言，也是一种服务器端运行时，用于使用你为数据定义的系统执行查询。GraphQL 不依赖于任何特定的数据库或存储引擎，并由你现有的代码和数据提供支持。

阿波罗是什么？

Apollo 是行业标准的 GraphQL 实现，提供将现代应用程序连接到云的数据图层。Apollo 将处理开箱即用的数据获取、缓存和状态管理！

Next.js 是什么？

Next.js 是 React 框架，为服务器端渲染 (SSR) 应用程序提供基础设施和简单的开发体验。

• 直观的基于页面的路由系统（支持动态路由）
• 预渲染，静态生成 (SSG) 和服务器端渲染 (SSR) 均支持每页

我们要建造什么？

我们将主要致力于投资组合功能。你将学习如何使用 Apollo 和 Graphql 管理客户端和服务器数据。数据将存储在 Mongo Atlas 数据库中，我们将通过 Node JS 服务器与之通信。我们将创建功能来创建投资组合，我将解释如何有效地管理表单。然后我们将查看更新功能，我将向你展示如何使用现有数据填充输入。之后，使用删除功能。所有功能都将是反应式的并实时更新视图。你将学习使用 Apollo 获取数据和数据突变的基础知识。

我们将开发的另一个重要功能是基于会话的身份验证。我们将准备登录和注册表格。用户将仅为经过身份验证的用户注册、登录和体验功能。你将学习如何通过应用程序管理会话、保护页面和组织身份验证状态。

论坛功能将是最大的功能。你将学习如何创建一个包含主题和帖子的完整工作论坛。我们将集成一个用于主题和帖子创建的组件。用户将能够开发各种主题、帖子和对其他帖子的回复，所有这些都在浏览器中实时更新。之后，你将学习如何创建一个完整的分页！

在课程的后面，我们将创建功能来获取主页的随机数据，我将讨论可重用性。我们将完成 CV 页面，然后开始部署。在应用所有生产改进之后，我们会将我们的应用程序部署到 Heroku，以便互联网上的任何人都可以访问我们的产品组合。

此课程面向哪些人：

• 初学者以及对 Next JS、GraphQL、Apollo 感兴趣的经验丰富的开发人员
• 本课程适合所有渴望使用现代技术堆栈创建应用程序的人