Grok na Cloudflare e Vercel: grátis na Vercel, pago e sem chave na Cloudflare

Em junho de 2026, Cloudflare e Vercel adicionaram a linha Grok da xAI para texto, imagem, vídeo e código. A diferença principal é o preço: a Vercel é a rota realmente gratuita; a Cloudflare é paga, porém simplifica chaves e faturamento.

Vercel: US$5 por mês

Até o plano Hobby recebe US$5 mensais de crédito do sistema, com acesso sem BYOK pelo AI SDK e IDs como xai/grok-4.3. Texto e imagem podem caber no crédito; vídeo exige plano pago. Permanecendo dentro do saldo, o uso é gratuito.

Cloudflare: Unified Billing pago

Você pré-carrega créditos, paga taxa de 5% na recarga e o Grok é cobrado pelas tarifas repassadas da xAI, sem margem. env.AI.run("xai/...") desconta do saldo Cloudflare, sem chave xAI separada. Há uma única fatura, limites de gasto e Edge global, mas os Neurons gratuitos valem apenas para modelos @cf/, não xai/....

Modelos e escolha

Grok 4.3 oferece contexto de 1M, dados em tempo real do X, Tool Calling e visão. Grok Imagine gera imagem e vídeo; Grok Build 0.1 é voltado a engenharia de software com contexto de 256K. Escolha Vercel para experimentar de graça e Cloudflare quando preferir faturamento consolidado e controle de gastos, aceitando pagar.

Code

import { streamText } from 'ai';
// OIDC on Vercel means no explicit key; locally use AI_GATEWAY_API_KEY
const { textStream } = streamText({
  model: 'xai/grok-4.3',
  prompt: 'Explain black holes in one sentence.',
});
for await (const chunk of textStream) process.stdout.write(chunk);

import { experimental_generateImage as generateImage } from 'ai';
const { image } = await generateImage({
  model: 'xai/grok-imagine-image',
  prompt: 'A neon cyberpunk fox, cinematic lighting, ultra-detailed',
});

export default {
  async fetch(request, env) {
    // No extra key/env; usage is billed to your Cloudflare credit balance
    const res = await env.AI.run('xai/grok-4.3', {
      messages: [{ role: 'user', content: 'Explain black holes in one sentence.' }],
    });
    return Response.json(res);
  },
};