40:["$","section","2",{"className":"mb-16","children":[["$","h2",null,{"id":"tutorial-agente-com-verso-ai-sdk-em-next-js","className":"scroll-mt-24 text-2xl md:text-3xl font-bold text-foreground mb-6","children":"Tutorial: Agente com Verso AI SDK em Next.js"}],[["$","p","0",{"className":"text-fg-muted leading-relaxed mb-6","children":"Verso AI esconde complexidade de integração com LLMs. Um schema de código conecta\n OpenAI, Gemini, Grok, Anthropic e modelos locais. Perfeito pra protótipos rápidos e MVPs."}],["$","div","1",{"className":"grid gap-4 mb-8","children":[["$","div","0",{"className":"flex items-start gap-4","children":[["$","div",null,{"className":"flex shrink-0 items-center justify-center w-8 h-8 bg-lime-500 text-black rounded-full font-semibold","children":1}],["$","div",null,{"className":"min-w-0 flex-1 text-fg-muted","children":["$","div",null,{"dangerouslySetInnerHTML":{"__html":"Passo 1: Crie projeto Next.js: npx create-next-app@latest"}}]}]]}],["$","div","1",{"className":"flex items-start gap-4","children":[["$","div",null,{"className":"flex shrink-0 items-center justify-center w-8 h-8 bg-lime-500 text-black rounded-full font-semibold","children":2}],["$","div",null,{"className":"min-w-0 flex-1 text-fg-muted","children":["$","div",null,{"dangerouslySetInnerHTML":{"__html":"Passo 2: Instale dependências: npm install ai zod + provider (ex: @ai-sdk/openai )"}}]}]]}],["$","div","2",{"className":"flex items-start gap-4","children":[["$","div",null,{"className":"flex shrink-0 items-center justify-center w-8 h-8 bg-lime-500 text-black rounded-full font-semibold","children":3}],["$","div",null,{"className":"min-w-0 flex-1 text-fg-muted","children":["$","div",null,{"dangerouslySetInnerHTML":{"__html":"Passo 3: Configure .env com API key: OPENAI_API_KEY=seu_token"}}]}]]}],["$","div","3",{"className":"flex items-start gap-4","children":[["$","div",null,{"className":"flex shrink-0 items-center justify-center w-8 h-8 bg-lime-500 text-black rounded-full font-semibold","children":4}],["$","div",null,{"className":"min-w-0 flex-1 text-fg-muted","children":["$","div",null,{"dangerouslySetInnerHTML":{"__html":"Passo 4: Crie endpoint API em app/api/agent/route.ts"}}]}]]}],["$","div","4",{"className":"flex items-start gap-4","children":[["$","div",null,{"className":"flex shrink-0 items-center justify-center w-8 h-8 bg-lime-500 text-black rounded-full font-semibold","children":5}],["$","div",null,{"className":"min-w-0 flex-1 text-fg-muted","children":["$","div",null,{"dangerouslySetInnerHTML":{"__html":"Passo 5: Use generateText() para resposta simples\n ou generateObject() com Zod para outputs estruturados"}}]}]]}],["$","div","5",{"className":"flex items-start gap-4","children":[["$","div",null,{"className":"flex shrink-0 items-center justify-center w-8 h-8 bg-lime-500 text-black rounded-full font-semibold","children":6}],["$","div",null,{"className":"min-w-0 flex-1 text-fg-muted","children":["$","div",null,{"dangerouslySetInnerHTML":{"__html":"Passo 6: Teste no Postman/Insomnia antes de integrar frontend"}}]}]]}]]}],["$","div","2",{"className":"mb-8 rounded-md border p-6 bg-[hsl(var(--warn)/0.08)] border-[hsl(var(--warn)/0.30)]","children":[["$","h3",null,{"className":"mb-3 flex items-center gap-2 font-semibold text-[hsl(38_92%_75%)]","children":[["$","span",null,{"className":"font-mono","aria-hidden":"true","children":"⚠"}],"Segurança Crítica"]}],["$","div",null,{"className":"leading-relaxed text-fg-muted","children":[["$","p","0",{"className":"text-fg-muted leading-relaxed mb-6","children":"NUNCA exponha API keys no frontend. Sempre use variáveis de ambiente (.env) e chame\n APIs só de rotas server-side. Expor chaves = fraude e conta bloqueada."}]]}]]}]]]}]