使用 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 的开发人员
声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。