pile·
AI / ML·vercel-blogVercel Blog·

Vercel AI SDK 3.1 — ModelFusion 통합과 AI SDK Core/UI/RSC 분리

Vercel AI SDK 3.1이 ModelFusion을 통합하고 SDK를 세 계층(Core, UI, RSC)으로 구조화했다. LLM 프로바이더를 단일 API로 추상화하고, 50줄 미만 코드로 스트리밍 챗봇을 구현할 수 있는 TypeScript AI 애플리케이션 프레임워크를 지향한다.

핵심 포인트
  • AI SDK Core는 LLM 프로바이더 추상화 계층으로 텍스트 생성, Zod 스키마 기반 구조화 데이터 추출을 통일된 API로 제공한다
  • AI SDK UI는 프레임워크 무관 훅(useChat, useCompletion)을 제공해 React, Svelte, Vue 등에서 스트리밍 UI 구현이 가능하다
  • AI SDK RSC는 streamUI 함수로 React Server Components 기반의 컴포넌트 스트리밍을 지원한다
  • ModelFusion의 합류로 멀티 프로바이더 지원, 구조화된 출력, 임베딩 등 고급 기능이 통합됐다
  • 50줄 미만 코드로 스트리밍 챗봇 구현이 가능하다
상세 정리
  • SDK 3계층 구조: Core(LLM 추상화), UI(클라이언트 훅), RSC(서버 컴포넌트) 세 패키지로 분리돼 필요한 부분만 선택적으로 사용 가능.
  • AI SDK Core 기능: generateText, streamText로 텍스트 생성. Zod 스키마를 넘기면 LLM이 구조화된 JSON으로 응답하도록 강제할 수 있다.
  • 구조화 출력 예시: generateObject에 Zod 스키마를 전달하면 LLM이 타입 안전한 객체를 반환 — 데이터 추출·분류 파이프라인에 유용.
  • AI SDK UI — useChat: 스트리밍 메시지 상태와 입력을 관리하는 훅. React, Svelte, Vue에서 동일 API로 사용 가능.
  • AI SDK UI — useCompletion: 텍스트 완성 인터페이스를 위한 훅. 스트리밍 응답을 실시간으로 UI에 반영.
  • AI SDK RSC — streamUI: React Server Components에서 서버 사이드 AI 추론 결과를 컴포넌트로 스트리밍. 툴 호출 결과를 조건부 UI로 직접 렌더링.
  • ModelFusion 통합: 멀티모달 입력, 임베딩, 스피치-투-텍스트 등 ModelFusion의 고급 기능이 Vercel AI SDK 생태계로 편입됨.
  • 프로바이더 지원: OpenAI, Anthropic, Mistral 등 주요 LLM 프로바이더를 단일 인터페이스로 교체 가능 — 프로바이더 락인 방지.
  • 개발자 경험: 타입스크립트 기반 유니파이드 API로 LLM 호출, 스트리밍, 구조화 출력, 도구 통합을 일관되게 처리.
왜 읽나Next.js·React 앱에 LLM 스트리밍 챗봇, 구조화 데이터 추출, AI 기반 UI를 직접 구현하려는 풀스택 엔지니어.
vercel-blog
Vercel Blog 블로그
원문은 여기서 이어서 읽을 수 있어요
원문 읽기
읽음 (0)

이 글과 비슷한

  1. AI / ML·인프랩 (인프런)인프런 (인프랩)·

    학습 에이전트 — AI 두뇌 구축하기

    인프런이 강의 학습 에이전트를 구축하며 겪은 기술 스택 선정, 컨텍스트·도구 설계, LLM-as-a-Judge 품질 개선, 비용 최적화 전략을 다룬다. LLM SSE 스트리밍 처리를 위해 Spring MVC + Virtual Thread + Spring AI를 선택하고, 명시적 프롬프트 캐싱으로 입력 토큰을 90% 절감하는 과정까지 실전 경험이 담겨 있다.

    #ai-agent#llm#llm-as-a-judge+2
  2. AI / ML·네이버 D2네이버 D2·

    AI 에이전트 회사 차리기: 설립부터 어디서든 동기화까지

    네이버 ENGINEERING DAY 2026 발표. Claude Code를 매일 쓰지만 매번 초기화되는 문제를 해결하기 위해 NaverMadCat이라는 다중 AI 에이전트 조직 프레임워크를 구축한 경험을 다룬다. 비서실장 역할의 에이전트가 10개 부서 에이전트를 조율하며, 어느 환경에서 접속해도 동일한 컨텍스트로 동작하도록 동기화 메커니즘을 구현했다.

    #claude-code#multi-agent#ai-agent+2
  3. AI / ML·vercel-blogVercel Blog·

    AI Gateway에서 실시간 음성 에이전트 구축하기

    Vercel AI Gateway가 음성·오디오 기능을 정식 지원한다. 실시간 대화 음성(Realtime Voice), 텍스트→음성(TTS), 음성→텍스트(STT) 세 가지를 기존 텍스트/이미지 모델과 동일한 라우팅·인증·모니터링 체계 위에서 사용할 수 있다. OpenAI gpt-realtime-2·Whisper와 xAI Grok 오디오 모델을 지원하며, AI SDK 7 베타로 제공된다.

    #llm-app#ai-sdk#realtime-voice+2