Next.js AI Master Class

构建智能化应用程序

使用 Next.js 16, LangGraph 和 Supabase 构建生产级 AI Agent 的完整指南。从原理到实战，掌握未来的开发范式。

立即开始浏览课程

可选课程模块

探索专为现代开发者设计的全面课程体系。

LangGraph.js 教程

用图（Graph）来构建可控、可调试、可持久化的 AI 应用：从概念到实战

模块 1

🤖 AI 应用与 LangGraph.js

探讨 AI 应用的类型及 LangGraph.js 在其中的作用

模块 2

🤔 为什么需要 LangGraph？

深入探讨 LangGraph 解决的核心问题、技术优势和在现代 AI 应用开发中的价值

模块 3

📖 教程使用指南

如何高效使用本教程的学习建议和路径规划

模块 4

什么是 LangGraph？

深入了解 LangGraph 的核心概念、设计理念和与传统链式结构的区别

模块 5

核心概念

深入理解 LangGraph 的核心组件：图、状态、节点、边和 Reducers

模块 6

Agent（智能代理）概念

深入理解智能代理的核心概念、架构类型和在 LangGraph 中的实现方式

模块 7

环境搭建

从零开始搭建 LangGraphJS 开发环境，包含详细的安装步骤和配置指南

模块 8

图结构详解

深入了解 StateGraph 和 MessageGraph，掌握图的创建、编译和可视化流程

模块 9

状态管理与 Reducers

详解 Annotation 的使用、状态更新机制以及如何编写自定义 Reducer

模块 10

节点设计

深入探讨节点的类型、编写规范以及异步和配置化节点的实现

模块 11

边的路由逻辑

详解各类边的实现，包括条件边、动态路由及循环控制

模块 12

ReAct 架构

深入理解 ReAct 架构原理，掌握使用预构建代理和自定义实现的方法

模块 13

多代理系统

构建协作式的多 Agent 系统，实现任务分发与结果整合

模块 14

子图 (Subgraphs)

使用子图实现逻辑封装和状态隔离，构建可复用的复杂系统

模块 15

并行处理

利用 LangGraph 实现任务的并行执行和 Map-Reduce 模式

模块 16

可视化

使用 Mermaid 和 LangGraph Studio 可视化图结构和执行流程

模块 17

配置管理与 Configurable

使用 RunnableConfig 动态控制图的行为，实现参数热更新

模块 18

错误处理

在图中优雅地捕获和处理异常，构建健壮的 Agent

模块 19

Command 对象

使用 Command 对象实现节点内的动态路由和状态更新组合

模块 20

聊天机器人

构建具备记忆、工具调用和流式响应能力的智能聊天机器人

模块 21

RAG 系统

基于 LangGraph 构建检索增强生成 (Retrieval-Augmented Generation) 系统

模块 22

数据分析 Agent

构建能够自动编写和执行代码进行数据分析的智能 Agent

模块 23

代码生成与辅助

利用 LangGraph 构建支持多步骤规划、生成和评审的编码助手

模块 24

流式处理

掌握 LangGraphJS 的七种流式模式，构建实时响应的 AI 应用

模块 25

工具调用

让 LangGraph 代理具备调用外部 API 和执行操作的能力

模块 26

持久化

利用 Checkpointer 实现状态保存、断点续传和历史回溯

模块 27

人机交互

实现 Human-in-the-loop (HITL) 工作流，如审批、修改和澄清

模块 28

记忆管理

构建具备短期对话记忆和长期用户偏好记忆的智能应用

模块 29

时间旅行

使用 Time Travel 进行调试、测试假设和分支探索

模块 30

🚀 性能优化

让 LangGraph.js 应用更快、更省钱、更稳定：从监控、缓存到并发与限流

模块 31

LangGraph Platform

了解 LangGraph 的生产级部署平台：架构、核心组件与部署选项

模块 32

应用结构

LangGraph 项目的最佳目录结构与配置规范

模块 33

LangGraph Studio

使用官方可视化 IDE 进行即时调试、追踪和状态检查

模块 34

🧪 测试策略

为 LangGraph.js 应用建立可回归的测试体系：单元测试、集成测试与端到端用例

模块 35

boltArtifact 协议详解

深入解析 AI 代码生成的流式交互方案与 bolt.new 的设计原理

模块 36

自定义渲染协议

从 boltArtifact 汲取灵感，打造适合你业务的 AI 渲染协议

模块 37

🏗️ 项目实战：做一个可用的 LangGraph.js 应用

把教程里的概念串起来：从图、工具、记忆到部署，完成一个能长期运行的 AI 应用

模块 38

什么是 Next.js？

本文介绍 Next.js 的核心概念、与 React 的关系以及其主要优势。

模块 39

项目结构与配置详解

详细解析 Next.js App Router 的目录结构、核心配置文件及最佳实践。

模块 40

路由系统基础

深入理解 Next.js 的文件系统路由、动态路由及路由组等核心概念。

模块 41

API 路由完全指南

全面掌握 Next.js API Routes 的创建、请求处理及响应格式。

模块 42

服务端与客户端组件

深入解析服务端组件与客户端组件的区别、使用场景及渲染模式。

模块 43

数据获取模式

学习 Next.js 中的多种数据获取模式，包括 fetch、缓存及数据重新验证。

模块 44

流式响应实现

实现基于 AI 的流式响应，提升聊天应用的实时交互体验。

模块 45

React Hooks 与导航

掌握 React Hooks 在 Next.js 中的应用及页面导航的最佳实践。

模块 46

中间件与认证模式

学习 Next.js 中间件的使用，实现路由拦截与用户认证功能。

模块 47

企业级分层架构

构建可扩展的企业级应用架构，实现代码分层与模块化设计。

模块 48

完整项目功能复盘

回顾完整项目功能，总结开发经验与关键技术点。

模块 49

快速开始

LangGraph.js 核心概念极速入门教程

模块 50

基础图结构

构建你的第一个 LangGraph 应用，理解图、节点和边的核心概念

模块 51

状态管理详解

深入理解 LangGraph 的状态更新机制：Reducer 和默认值

模块 52

LLM 节点集成

将大语言模型引入你的工作流，构建智能节点

模块 53

流程控制与路由

掌握 LangGraph 的核心路由能力：条件分支、循环与并行执行

模块 54

流式输出

构建实时响应的 AI 应用：掌握 LangGraph 的多种流式输出模式

模块 55

工具调用与 Agent

构建真正的智能体：让 LLM 学会使用工具（Tool Calling）

模块 56

记忆与持久化

让 AI 拥有记忆：使用 Checkpointer 实现多轮对话与状态保存

模块 57

人机交互

构建可控的 AI：在工作流中插入人工审批和干预

模块 58