How to Use Grok with the Vercel AI SDK — xAI Provider Guide
On this page
In this tutorial, you'll learn how to use Grok models with the Vercel AI SDK through Puter's OpenAI-compatible provider endpoint. No xAI API key needed — just your Puter auth token.
About Grok
Grok is built by xAI. Grok models are designed for real-time knowledge and conversational ability. The model family includes standard Grok and faster variants for low-latency applications. Puter provides access to Grok via the Vercel AI SDK with no xAI API key needed.
Prerequisites
- A Puter account
- Your Puter auth token, go to puter.com/dashboard and click Copy to get your auth token
- Node.js installed on your machine
Setup
Install the Vercel AI SDK and the OpenAI provider:
npm install ai @ai-sdk/openai
Puter works as an OpenAI-compatible provider, so you use @ai-sdk/openai to connect. Configure it with Puter's base URL and your auth token:
import { createOpenAI } from '@ai-sdk/openai';
const puter = createOpenAI({
baseURL: 'https://api.puter.com/puterai/openai/v1/',
apiKey: 'YOUR_PUTER_AUTH_TOKEN',
});
Replace YOUR_PUTER_AUTH_TOKEN with the auth token you copied from your Puter dashboard. That's all you need. No xAI API key required.
Basic Text Generation
Here's a simple text generation call using Grok 4.1 Fast:
import { createOpenAI } from '@ai-sdk/openai';
import { generateText } from 'ai';
const puter = createOpenAI({
baseURL: 'https://api.puter.com/puterai/openai/v1/',
apiKey: 'YOUR_PUTER_AUTH_TOKEN',
});
const { text } = await generateText({
model: puter.chat('grok-4-1-fast'),
prompt: 'What is the capital of France?',
});
console.log(text);
The code is identical to what you'd write for any OpenAI provider. The only difference is the base URL and the model string.
Streaming
For longer responses, use streamText to get results in real-time:
import { createOpenAI } from '@ai-sdk/openai';
import { streamText } from 'ai';
const puter = createOpenAI({
baseURL: 'https://api.puter.com/puterai/openai/v1/',
apiKey: 'YOUR_PUTER_AUTH_TOKEN',
});
const result = streamText({
model: puter.chat('grok-4-1-fast'),
prompt: 'Write a short story about a robot learning to paint.',
});
for await (const chunk of result.textStream) {
process.stdout.write(chunk);
}
Use streamText instead of generateText and iterate over result.textStream to get text chunks as they arrive.
Why Use Puter?
You could install @ai-sdk/xai and use xAI's API key directly. Here's why Puter is a simpler option:
- One API key for everything — no need to sign up for separate xAI, Anthropic, or OpenAI accounts. Your Puter auth token covers all providers.
- One setup for all models — the same Puter config works for Claude, GPT, Gemini, Llama, and 400+ other models. Just change the model string.
- No extra packages — without Puter, each AI provider needs its own SDK package and API key. With Puter, everything goes through a single
@ai-sdk/openaisetup.
Conclusion
You now have the xAI provider set up through the Vercel AI SDK via Puter — no API key needed. Swap the model string to use any Grok model, or any of the hundreds of other AI models available through Puter.
Related
Free, Serverless AI and Cloud
Start creating powerful web applications with Puter.js in seconds!
Get Started Now