langserve assistant ui

Langserve-assistant-ui

Proyek demonstrasi yang menggabungkan Langserve, Langgraph, dan Fastapi untuk membuat agen AI dengan UI modern. Proyek ini menggunakan Assistant-UI dan Next.js Vercel Ai SDK untuk antarmuka obrolan yang mulus.

Ringkasan

Proyek ini menampilkan:

• Agen Langgraph yang berjalan di server FASTAPI menggunakan Langserve
• Respons real-time streaming ke frontend
• UI obrolan modern yang dibangun dengan Asisten-UI dan Next.js
• Tunjukkan cara mengintegrasikan alat dan API eksternal

Prasyarat

• Python 3.11
• Node.js v20.18.0
• NPM V10.9.2
• Benang V1.22.22

Struktur proyek

 langserve-assistant-ui/
├── backend/         # FastAPI + LangServe server
└── frontend/        # Next.js + assistant-ui client

Petunjuk Pengaturan

Mengatur variabel lingkungan

Pergi ke ./backend dan buat file .env . Ikuti contoh di .env.example .

Pengaturan Backend

Backend dibangun menggunakan Langchain CLI dan menggunakan Langgraph's create_react_agent untuk pembuatan agen.

 cd backend
poetry install
poetry run python -m app.server

Pengaturan Frontend

Frontend dihasilkan menggunakan alat Assistant-UI CLI dan mengimplementasikan kait Usechat Vercel Ai SDK dengan komponen utas Asisten-UI.

 cd frontend
yarn install
yarn dev

Fitur & contoh

Interaksi alat langsung

Anda dapat meminta alat langsung menggunakan prompt sederhana:

 Example: "What is the stock price of Apple?"

Interaksi berbasis agen

Agen dapat memproses pertanyaan yang lebih kompleks yang membutuhkan beberapa langkah:

 Example: "What is the weather in San Francisco?"

Detail teknis

• Backend : Fastapi + Langserve untuk titik akhir API dan hosting agen
• Frontend : Next.js + Vercel Ai SDK untuk respons streaming
• Komponen UI : Asisten-UI untuk komponen antarmuka obrolan
• Kerangka Kerja Agen : Langgraph untuk Orkestrasi Agen

Berkontribusi

Jangan ragu untuk membuka masalah atau mengirimkan permintaan tarik jika Anda memiliki saran untuk perbaikan.