# my-langgraph-ai-app

**Repository Path**: ai-agent-learning/my-langgraph-ai-app

## Basic Information

- **Project Name**: my-langgraph-ai-app
- **Description**: my-langgraph-ai-app
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: main
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2026-03-13
- **Last Updated**: 2026-03-13

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# My LangGraph AI App

基于 React、TypeScript 和 Vite 构建的 AI 聊天应用，使用 LangGraph 和 Assistant UI。

## 技术栈

- **前端框架**: React 19 + TypeScript
- **构建工具**: Vite
- **AI UI**: @assistant-ui/react + @assistant-ui/react-langgraph
- **AI SDK**: @langgraph/langgraph-sdk

## 快速开始

### 安装依赖

```bash
npm install
# 或
yarn install
# 或
pnpm install
```

### 开发模式

```bash
npm run dev
```

### 构建生产版本

```bash
npm run build
```

### 预览生产构建

```bash
npm run preview
```

## 项目结构

```
src/
├── App.tsx       # 主应用组件
├── App.css       # 应用样式
├── main.tsx      # 入口文件
├── index.css     # 全局样式
└── assets/       # 静态资源
```

## 配置说明

### 环境变量

创建 `.env` 文件并配置以下变量：

```env
VITE_LANGGRAPH_API_URL=your_langgraph_api_url
```

### 自定义 LangGraph

在 `App.tsx` 中配置你的 LangGraph 聊天机器人：

```tsx
import { MyGraph } from './your-graph-config'

function App() {
  return <MyGraph />
}
```

## Lint

```bash
npm run lint
```

## 许可证

MIT