Thumbnails

Marketing thumbnails — 1200×630

How do I deploy a Next.js app?

You can deploy with Vercel, Docker, or any Node.js host...

Explain streaming responses

Claude Opus 4.6
GPT-4o
Gemini Pro

Write a function that fetches data from an API

Streaming

Sure! Here's an async...

AI Chat

A
Anthropic
O
OpenAI
x
xAI
G
Google
M
Mistral
C
Cohere
Claude Opus 4.6
GPT-4o
Grok-2
Sonnet 4.5
GPT-4.1
Gemini 2.5
Active: Claude Opus 4.6

200k context window

Compare models

Speed
Quality

Multi-Model

Configuration

Temperature0.7
Max Tokens4096
4096
Top P0.9

Routing

Fallback
Load Balance
Caching
Streaming
POST/api/chat

Avg. Latency

124ms

-12% from last hour

2,847 req/min

Gateway

Next.js
React
TypeScript
Tailwind
shadcn/ui
AI SDK
route.ts

import { streamText } from 'ai'

import { openai } from '@ai-sdk/openai'

// stream AI responses

const result = await streamText({

model: openai('gpt-4o'),

page.tsx

export default function Chat() {

const { messages } =

useChat()

Deployed to Production

Ship Fast

Streaming

Here is how you can deploy...

Temperature0.7
Claude Opus 4.6
GPT-4o
Grok 3
A
Anthropic
O
OpenAI
x
xAI
G
Google
F
Fireworks
B
Bedrock
route.ts

const result = await streamText({

model: 'anthropic/claude-opus-4.6'

messages, temperature, maxTokens

})

Streaming
Multi-model
Structured

Agent Settings

Top-p0.95
Max Tokens4096
Freq. Penalty0.0
MarkdownJSONStructured
POST/api/chat
System Prompt

You are a helpful assistant. Be concise and direct...

"\n\nHuman:""</s>"
Ask anything...

Vercel AI Gateway Starter

Full StarterOpen full-size →

OpenGraph (OG) Image

Social sharing preview — 1200×630

Claude
GPT-4o
Grok

AI Gateway

STARTER KIT

App Icons

Favicon and Apple Touch Icon

Apple Touch Icon — 180×180

Favicon — 32×32

Favicon — 16×16