Full-Stack Web

Vercel AI SDK Core: useChat, streamText ve React UI Streaming Entegrasyonu

Vercel AI SDK 4.0 kullanarak Next.js üzerinde OpenAI, Anthropic ve Gemini modellerinden kesintisiz token akışı ve sohbet arayüzü kurma.

17 Ağustos 20263 dk

streamText ve Route Handler Entegrasyonu

`ai` paketi sayesinde tek bir satırla modeller arası geçiş yapabilir ve `toDataStreamResponse()` ile anında React istemcisine veri akıtabilirsiniz.

api/chat/route.ts

import { streamText } from "ai";
import { google } from "@ai-sdk/google";

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

  const result = streamText({
    model: google("gemini-3.7-flash"),
    messages,
  });

  return result.toDataStreamResponse();
}