From 54fb6dc8710193bec82f416e9b322de728cebd07 Mon Sep 17 00:00:00 2001
From: Simon Farshid <simon.farshid@outlook.com>
Date: Wed, 11 Sep 2024 06:34:29 -0700
Subject: [PATCH] docs: redirect /tutorial to /tutorial/introduction (#824)

---
 .../runtimes/langgraph/tutorial/index.mdx     | 29 ++++---------------
 .../langgraph/tutorial/introduction.mdx       | 28 ++++++++++++++++++
 .../runtimes/langgraph/tutorial/meta.json     |  2 +-
 3 files changed, 35 insertions(+), 24 deletions(-)
 create mode 100644 apps/docs/content/docs/runtimes/langgraph/tutorial/introduction.mdx

diff --git a/apps/docs/content/docs/runtimes/langgraph/tutorial/index.mdx b/apps/docs/content/docs/runtimes/langgraph/tutorial/index.mdx
index 8f562d19e2..1f6753d64a 100644
--- a/apps/docs/content/docs/runtimes/langgraph/tutorial/index.mdx
+++ b/apps/docs/content/docs/runtimes/langgraph/tutorial/index.mdx
@@ -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",
+  )}
+</>
diff --git a/apps/docs/content/docs/runtimes/langgraph/tutorial/introduction.mdx b/apps/docs/content/docs/runtimes/langgraph/tutorial/introduction.mdx
new file mode 100644
index 0000000000..8f562d19e2
--- /dev/null
+++ b/apps/docs/content/docs/runtimes/langgraph/tutorial/introduction.mdx
@@ -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).
diff --git a/apps/docs/content/docs/runtimes/langgraph/tutorial/meta.json b/apps/docs/content/docs/runtimes/langgraph/tutorial/meta.json
index 1042da985c..9b33220e54 100644
--- a/apps/docs/content/docs/runtimes/langgraph/tutorial/meta.json
+++ b/apps/docs/content/docs/runtimes/langgraph/tutorial/meta.json
@@ -1,4 +1,4 @@
 {
   "title": "Tutorial: Stockbroker",
-  "pages": ["index", "..."]
+  "pages": ["..."]
 }