Skip to content

Commit

Permalink
docs: redirect /tutorial to /tutorial/introduction (#824)
Browse files Browse the repository at this point in the history
  • Loading branch information
Yonom authored Sep 11, 2024
1 parent 015e288 commit 54fb6dc
Show file tree
Hide file tree
Showing 3 changed files with 35 additions and 24 deletions.
29 changes: 6 additions & 23 deletions apps/docs/content/docs/runtimes/langgraph/tutorial/index.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -2,27 +2,10 @@
title: "Introduction"
---

In this tutorial, we will build a stockbroker assistant using LangChain.js, LangGraph.js and assistant-ui.
import { redirect } from "next/navigation";

We will go through the necessary steps to integrate assistant-ui with a LangGraph Cloud endpoint.
Code snippets focus on the setup of the frontend, but we will highlight relevant sections of the backend code as well.

This agent leverages the following features:

- πŸš„ Streaming of messages from LangGraph state to assistant-ui
- πŸ’… Rich text rendering using Markdown
- πŸ› οΈ Generative UI: Mapping tool calls to tool UIs
- πŸ” Approval UI: Confirming tool calls before execution (human-in-the-loop)

## Prerequisites

- Node.js 18.x or higher

## Final Result

- Demo: https://assistant-ui-stockbroker.vercel.app/
- Source Code: https://github.com/Yonom/assistant-ui-stockbroker

## Get Started

Begin Part 1 of the tutorial by [setting up the frontend](/docs/runtimes/langgraph/tutorial/part-1).
<>
{redirect(
"/docs/runtimes/langgraph/tutorial/introduction",
)}
</>
Original file line number Diff line number Diff line change
@@ -0,0 +1,28 @@
---
title: "Introduction"
---

In this tutorial, we will build a stockbroker assistant using LangChain.js, LangGraph.js and assistant-ui.

We will go through the necessary steps to integrate assistant-ui with a LangGraph Cloud endpoint.
Code snippets focus on the setup of the frontend, but we will highlight relevant sections of the backend code as well.

This agent leverages the following features:

- πŸš„ Streaming of messages from LangGraph state to assistant-ui
- πŸ’… Rich text rendering using Markdown
- πŸ› οΈ Generative UI: Mapping tool calls to tool UIs
- πŸ” Approval UI: Confirming tool calls before execution (human-in-the-loop)

## Prerequisites

- Node.js 18.x or higher

## Final Result

- Demo: https://assistant-ui-stockbroker.vercel.app/
- Source Code: https://github.com/Yonom/assistant-ui-stockbroker

## Get Started

Begin Part 1 of the tutorial by [setting up the frontend](/docs/runtimes/langgraph/tutorial/part-1).
Original file line number Diff line number Diff line change
@@ -1,4 +1,4 @@
{
"title": "Tutorial: Stockbroker",
"pages": ["index", "..."]
"pages": ["..."]
}

0 comments on commit 54fb6dc

Please sign in to comment.