devbong

APIを一度呼び出して終わるAIトイプロジェクトはもう卒業！
フルスタックAIチャットボットを実際に設計し、デプロイまで考慮した構造で構築した経験をもとに、ストリーミング・Tool呼び出し・メモリ・マルチモーダル・Human in the Loopまで、「サービスとして動作する」AIチャットボットを作る全過程をすべてお教えします。

kaburi

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

フルスタックAIチャットボット作り(React 19, NestJS, LangChain.Graph v1.+)

LangChain

langchain

fullstack

human-in-the-loop

llm-streaming

ai-chatbot

No more AI toy projects that end with a single API call!
Based on my experience designing and deploying a full-stack AI chatbot, I will guide you through the entire process of building an AI chatbot that "works as a real service"—covering streaming, tool calling, memory, multi-modal capabilities, and Human-in-the-Loop.

Kaburi

입문

초급

중급이상

리액트

React

포스트그레SQL

PostgreSQL

네스트JS

NestJS

랭체인

랭그래프

LangGraph

Building a Full-Stack AI ChatBot (React 19, NestJS, LangChain.Graph v1.+)

Intro

Frontend Project Initial Setup

Creating a chatbot UI screen

Backend (NestJS) Project Initial Setup

LangChain Integration and Chat Streaming

Frontend Refactoring

LangChain(v1.0) Agent — Tool Calling and Streaming

Displaying the tool execution process through the UI

Multimodal — Image and PDF Processing

Remembering Conversations — LangGraph Short-term Memory

Human in the Loop — Users determine the actions of the AI

Separate Chat Rooms — Independent Memory by Chat ID

Build a PostgreSQL database

Chat Data Persistence — Prisma + PostgreSQL