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.
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.
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();
}İlgili Teknik Rehberler
Bu mimariyle bağlantılı diğer üretim odaklı rehber ve vaka analizlerini inceleyin:
Next.js 16 App Router ve Vercel AI SDK ile Generative UI / Agentic Arayüz Geliştirme
Kullanıcıya sadece metin cevabı vermek yerine dinamik React bileşenleri (Generative UI) render eden modern yapay zekâ web uygulamaları inşa edin.
Next.js 15 App Router ve Turbopack: 2026'da Üretim Seviyesinde Performans Optimizasyonu
Next.js 15 ve React 19 ile gelen asenkron params/cookies mimarisi, Turbopack ile anında derleme ve sıfır JavaScript yükü sunan RSC optimizasyonları.
Generative UI Rehberi: LLM Yanıtlarında Canlı React Bileşenleri Render Etme
Kullanıcı soru sorduğunda salt metin yerine etkileşimli grafikler, rezervasyon kartları ve ödeme butonları akıtan Generative UI mimarisi.