Next.js App Router + Vercel AI SDK 실시간 텍스트 & 생성형 UI 스트리밍 완벽 가이드

// app/api/chat/route.ts
import { streamText } from "ai";
import { openai } from "@ai-sdk/openai";

export async function POST(req: Request) {
  const { messages } = await req.json();

  const result = streamText({
    model: openai("gpt-4o-mini"),
    system: "당신은 HongLabAI의 지능형 기술 어시스턴트입니다.",
    messages,
  });

  return result.toDataStreamResponse();
}