Tutorials

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

Puter copy 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/openai setup.

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.

Free, Serverless AI and Cloud

Start creating powerful web applications with Puter.js in seconds!

Get Started Now

Read the Docs Try the Playground