Next.js 16 + Claude API로 스트리밍 AI 채팅 앱 만들기 — App Router 가이드
Next.js 16 App Router에서 Claude API 스트리밍을 완성하는 실전 가이드. Route Handler 설계, SSE 응답 처리, React 19 클라이언트 훅, 백프레셔와 타임아웃·에러 복구 패턴까지 실제로 빌드한 코드와 동작 로그를 모두 담아 정리했다.
jangwook.net
Kim Jangwook
Personal technical notes on AI agents, automation, developer tools, and the process of building software.
Latest Notes
Recent writing by language
The root page stays intentionally small. Choose a language, then read the full archive and related posts there.
한국어
AI 에이전트, 자동화, 개발 도구, 소프트웨어 제작 과정을 한국어로 기록합니다.
AutoGen 0.7.x 멀티에이전트 실전 — AssistantAgent·GraphFlow 처음부터 구현
AutoGen 0.7.x의 새로운 API로 멀티에이전트 시스템을 처음부터 구현하는 실전 가이드. RoundRobinGroupChat, SelectorGroupChat, GraphFlow, FunctionTool을 직접 코드로 실행하며 0.2.x와 차이를 단계별로 비교한다.
Claude Agent SDK 서브에이전트 오케스트레이션 실전 가이드 — 멀티 에이전트 병렬 처리 완전 정복
claude-agent-sdk 0.2.82를 직접 설치해 AgentDefinition 구조와 서브에이전트 병렬 실행 패턴을 직접 검증했다. 오케스트레이터가 3개 서브에이전트를 동시에 스폰하고 TaskBudget으로 비용을 제어하는 전체 흐름을 Python 코드와 함께 설명한다.
English
Personal notes on AI agents, automation, developer tools, and building software.
Next.js 16 + Claude API Streaming: Complete App Router Guide
Guide to Claude API streaming in Next.js 16 App Router: Route Handler, SSE handling, React 19 client hooks, error recovery — with real build code and logs.
AutoGen 0.7.x: Building Multi-Agent Systems from Scratch
Hands-on AutoGen 0.7.x guide. Build RoundRobinGroupChat, SelectorGroupChat, GraphFlow, FunctionTool step-by-step with real code, comparing with 0.2.x.
Claude Agent SDK Subagent Orchestration Tutorial — Parallel Multi-Agent Processing in Practice
claude-agent-sdk 0.2.82 validated: AgentDefinition structure, parallel subagent spawning, and TaskBudget cost control. Full Python code walkthrough included.
日本語
AIエージェント、自動化、開発ツール、ソフトウェア開発の記録です。
Next.js 16 + Claude APIストリーミング — App Routerガイド
Next.js 16 App RouterでClaude APIストリーミングを完成させる実践ガイド。Route Handler設計、SSE応答処理、React 19クライアントフック、エラー復旧パターンまで、実際にビルドしたコードと動作ログを収録。
AutoGen 0.7.x マルチエージェント実践 — AssistantAgent·GraphFlow一から構築
AutoGen 0.7.xの新APIでマルチエージェントシステムを一から実装する実践ガイド。RoundRobinGroupChat、SelectorGroupChat、GraphFlow、FunctionToolを実際にコードで動かしながら0.2.xとの違いを比較する。
Claude Agent SDK サブエージェント・オーケストレーション実践ガイド — マルチエージェント並列処理を完全制覇
claude-agent-sdk 0.2.82を実際にインストールしてAgentDefinition構造とサブエージェント並列実行パターンを検証した。オーケストレーターが3つのサブエージェントを同時にスポーンし、TaskBudgetでコストを制御する全体フローをPythonコードとともに詳しく解説する。
简体中文
记录 AI 代理、自动化、开发工具和软件构建过程。
用Next.js 16 + Claude API构建流式AI聊天应用 — App Router完整指南
在Next.js 16 App Router中实现Claude API流式传输的实战指南。涵盖Route Handler设计、SSE响应处理、React 19客户端Hook、背压与错误恢复模式，附实际构建代码和运行日志。
AutoGen 0.7.x多智能体实战 — AssistantAgent到GraphFlow从零构建
基于AutoGen 0.7.x新API从零实现多智能体系统的实战指南。逐步运行RoundRobinGroupChat、SelectorGroupChat、GraphFlow、FunctionTool，通过真实代码对比0.2.x差异。
Claude Agent SDK 子代理编排实战指南 — 多代理并行处理完全掌握
我亲自安装claude-agent-sdk 0.2.82，实测AgentDefinition结构与ClaudeAgentOptions类型，验证编排器同时spawn三个子代理的并行模式。完整讲解通过TaskBudget控制成本上限，以及SubagentStartHookInput钩子的Python实现全流程。