使用 NextJS 的 GraphQL – 从头开始构建全栈应用程序
GraphQL with NextJS – Build a Fullstack App From Scratch
通过使用 NodeJS、Express、Apollo Server、Apollo Client 构建全栈应用程序来学习 GraphQL 和 Next.js。
学习内容
-
通过构建真实的 NodeJS 和 NextJS 应用程序来学习 GraphQL
-
基于 NodeJS、Express 和 Apollo Server 构建 GraphQL 服务器
-
使用 JWT 处理身份验证/授权
-
使用 GraphQL 构建灵活的数据架构
-
将 NextJS 客户端应用程序与 Apollo 客户端连接到 GraphQL 服务器
-
使用 GraphQL WebSocket 订阅实时发布和使用消息
-
使用 TailwindCSS 设置 NextJS 应用程序中元素的样式
-
了解如何使用 NextJS 14 和 App Router 构建 React 应用程序
-
轻松部署 NextJs 应用程序和 GraphQL 服务器
要求
-
需要具备 Javascript 和 Express 的基本知识
-
不需要事先具备 GraphQL 知识
-
不需要事先具备 NextJS 知识
描述
此全栈课程侧重于使用 GraphQL 开发后端 API,并将其连接到使用 NextJS 构建的客户端 Web 应用程序。它遵循动手实践的“边做边学”方法,整个课程围绕构建全栈 Web 应用程序展开。在介绍概念时,将对其进行全面解释。
在本课程中,您将学习在服务器端和客户端应用程序中使用 GraphQL,并提供以全栈 Typescript 应用程序为特色的实际示例。您将了解关键的 GraphQL 概念,包括架构定义、查询、更改和订阅,以及处理身份验证/授权和客户端缓存等常见要求的解决方案。
在本课程中,我们将介绍并利用 Next.js 的关键概念。您将学习如何使用 Apollo 生态系统将 Next.js 客户端应用程序连接到 GraphQL 服务器。
本课程将涵盖:
-
GraphQL 概念,如 架构和解析程序。
-
创建和使用 GraphQL 类型、查询、更改和订阅。
-
在服务器和客户端上使用 Apollo GraphQL 生态系统。
-
从头开始创建NextJS项目并理解这些项目。
-
在 NextJS 中使用基于文件的路由。
-
在 NextJS 中添加动态路由和 catch-all 路由。
-
TailwindCSS 支持设置组件样式。
-
部署 NextJS 客户端应用程序和 GraphQL 服务器。
在本课程结束时,您将能够使用 GraphQL 构建强大的 API,将其连接到使用 NextJS 或其他框架创建的客户端应用程序,并部署您的应用程序。
本课程适合谁:
- 希望学习 GraphQL 和 NextJS 的开发人员
声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。
评论(0)