BongJo Kang

API 한 번 호출하고 끝나는 AI 토이 프로젝트는 이제 그만!
풀스택 AI 챗봇을 실제로 설계하고 배포까지 고려한 구조로 만들어 본 경험을 바탕으로, 스트리밍·Tool 호출·메모리·멀티모달·Human in the Loop까지 '서비스로 동작하는' AI 챗봇을 만드는 전 과정을 모두 알려드립니다.

Kaburi

AI 치트키위크 30% 깜짝 할인

풀스택 AI ChatBot 만들기(React 19, NestJS, LangChain.Graph v1.+)

LangChain

langchain

fullstack

human-in-the-loop

llm-streaming

ai-chatbot

Đừng làm những dự án AI đồ chơi chỉ dừng lại ở việc gọi API một lần rồi thôi!

Dựa trên kinh nghiệm thiết kế và triển khai thực tế một chatbot AI Full-stack với cấu trúc có thể vận hành ổn định, tôi sẽ hướng dẫn bạn toàn bộ quy trình tạo ra một chatbot AI "hoạt động như một dịch vụ thực thụ" — từ Streaming, Tool calling, Memory, Multimodal cho đến Human-in-the-Loop.

입문

초급

중급이상

리액트

React

포스트그레SQL

PostgreSQL

네스트JS

NestJS

랭체인

랭그래프

LangGraph

Xây dựng AI ChatBot Full-stack (React 19, NestJS, LangChain.Graph v1.+)

Giới thiệu

Thiết lập ban đầu cho dự án Frontend

Tạo màn hình giao diện người dùng (UI) cho chatbot

Thiết lập ban đầu dự án Backend (NestJS)

Tích hợp LangChain và phát trực tuyến (streaming) trò chuyện

Refactoring Frontend

LangChain(v1.0) Agent — Gọi Tool và Truyền dữ liệu (Streaming)

Hiển thị quá trình thực thi Tool trên UI

Multimodal — Xử lý hình ảnh và PDF

Ghi nhớ cuộc hội thoại — Bộ nhớ ngắn hạn LangGraph

Human in the Loop — Người dùng quyết định hành động của AI

Phân tách phòng chat — Bộ nhớ độc lập theo Chat ID

Xây dựng cơ sở dữ liệu PostgreSQL

Lưu trữ dữ liệu chat lâu dài — Prisma + PostgreSQL