Vercel AI SDK — AI 기능을 웹앱에 쉽게 통합

AI SDK 시작하기

import { generateText, streamText } from "ai";
import { anthropic } from "@ai-sdk/anthropic";

// 스트리밍 텍스트 생성
const result = streamText({
  model: anthropic("claude-sonnet-4-20250514"),
  prompt: "TypeScript의 장점을 설명해주세요",
});

for await (const chunk of result.textStream) {
  process.stdout.write(chunk);
}

React Hook

"use client";
import { useChat } from "ai/react";

export function Chat() {
  const { messages, input, handleInputChange, handleSubmit } = useChat();
  return (
    <form onSubmit={handleSubmit}>
      {messages.map(m => <div key={m.id}>{m.content}</div>)}
      <input value={input} onChange={handleInputChange} />
    </form>
  );
}