typescript import { streamText } from "ai"; const result = await streamText({ model: openai("gpt-5"), prompt: "Bir şiir yaz", }); for await (const chunk of result.textStream) { process.stdout.write(chunk); }

Adım 4 — React Hook

tsx "use client"; import { useChat } from "ai/react"; export default function Chat() { const { messages, input, handleInputChange, handleSubmit } = useChat(); return ( <div {messages.map(m = <div key={m.id}{m.role}: {m.content}</div)} <form onSubmit={handleSubmit} <input value={input} onChange={handleInputChange} / </form </div ); } 3 satır state, streaming chat çalışır.

typescript import { tool } from "ai"; import { z } from "zod"; const weather = tool({ description: "Şehrin havasını getirir", parameters: z.object({ city: z.string() }), execute: async ({ city }) = fetchWeather(city), }); const { text } = await generateText({ model: openai("gpt-5"), tools: { weather }, prompt: "İstanbul'da hava nasıl?", });

typescript import { embedMany } from "ai"; const { embeddings } = await embedMany({ model: openai.embedding("text-embedding-3-small"), values: chunks, });

Provider Değiştirme

Production env'inde Claude, fallback'te GPT-4 — aynı API.

SDK ücretsiz. Provider'a sen ödersin.

[Vercel nasıl kullanılır](https://vibecodingturkey.com/tr/rehberler/vercel-nasil-kullanilir) ile entegre et.

Vercel AI SDK Türkçe Rehber 2026 — Rehber

Q: Adım 1 — Kur

bash pnpm add ai @ai-sdk/openai @ai-sdk/anthropic

Q: Adım 2 — Metin Üret

typescript import { generateText } from "ai"; import { openai } from "@ai-sdk/openai"; const { text } = await generateText({ model: openai("gpt-5"), prompt: "Merhaba", }); openai'yi anthropic ile değiştir; geri kalan kod aynı.

Q: Adım 5 — Tool Use

typescript import { tool } from "ai"; import { z } from "zod"; const weather = tool({ description: "Şehrin havasını getirir", parameters: z.object({ city: z.string() }), execute: async ({ city }) = fetchWeather(city), }); const { text } = await generateText({ model: openai("gpt-5"), tools: { weather }, prompt: "İstanbul'da hava nasıl?", });

Q: Adım 6 — RAG

typescript import { embedMany } from "ai"; const { embeddings } = await embedMany({ model: openai.embedding("text-embedding-3-small"), values: chunks, });

Q: Provider Değiştirme

Production env'inde Claude, fallback'te GPT-4 — aynı API.

Q: Fiyat

SDK ücretsiz. Provider'a sen ödersin.

Q: Sonraki adım

[Vercel nasıl kullanılır](https://vibecodingturkey.com/tr/rehberler/vercel-nasil-kullanilir) ile entegre et.

Vercel AI SDK Türkçe Rehber 2026

Vercel AI SDK, TypeScript'in de facto AI kütüphanesi. Provider-agnostic, streaming-native, React'la entegre. Adım 1 — Kur bash pnpm add ai @ai-sdk/openai @ai-sdk/anthropic Adım 2 — Metin Üret typescript import { generateText } from "ai"; import { openai } from "@ai-sdk/openai"; const { text } = await generateText{ model: openai"gpt-5", prompt: "Merhaba", }; openai'yi anthropic ile değiştir; geri…

Tüm rehberler

İlgili rehberler

Vercel'e Deploy Nasıl Türkçe 2026
Vercel vs Cloudflare Türkçe 2026
Vercel Nasıl Kullanılır: Next.js Deploy Rehberi 2026
Vercel vs Netlify vs Cloudflare Türkçe 2026
Vercel vs Netlify 2026: Hangi Host Daha İyi?