Dhis AI Agent | Next.js , AI SDK , Open Router Kimi K2.7 Code

Cashar buuxa oo aan ku dhisayo AI agent aad adigu leedahay, anigoo isticmaalaya Next.js App Router, Vercel AI SDK iyo OpenRouter. Waxaan ugu talagalay developer-ka JavaScript ama React yaqaanna oo doonaya inuu bilaabo dhisidda applications AI ah.

Waxaan ka billaabayaa OpenRouter: sababta hal API key ay uga fiican tahay inaad shirkad walba API gooni ah ka soo qaadato, sida models-ka bilaashka ah looga doorto, iyo sida token-ka input-ka iyo output-ka loo xisaabiyo. Kadib waxaan install-gareynayaa Next.js, waxaan sameynayaa API keys-ka, waxaanan ku shubayaa AI SDK, OpenRouter provider-ka iyo Zod. Qaybta code-ka waxaan ka dhisayaa lib/ai.ts, route.ts oo chat-ka maamula, iyo front-end oo isticmaalaya useChat hook-a. Waxaan sharraxayaa sida messages-ka loo kala baxo, role-ka iyo parts-ka. Kadib waxaan ka gudbayaa chatbot-ka: waxaan agent-ka siinayaa tools. Marka hore weather tool oo tusaale ah, kadibna web search tool oo API search ah isticmaala si agent-ku data live ah u soo helo.

Ugu dambayn waxaan model-ka u beddelayaa Kimi K2.7, waxaan xallinayaa rate limit-ka, waxaanan qurxinayaa UI-ga si uu u muujiyo marka agent-ku fikirayo. Tijaabadu waxay ku dhammaanaysaa su'aalo natiijooyin live ah keenaya.

A 77-minute Somali-language (Af-Soomaali) build-along from Dugsiiye that turns a chatbot into a real AI agent. It uses Next.js App Router, the Vercel AI SDK, Zod and OpenRouter, and shows how one OpenRouter API key replaces separate keys for OpenAI, Anthropic, DeepSeek and Kimi, how to pick the free models, and how input and output tokens are counted. The code walkthrough covers lib/ai.ts, the chat API route, the useChat hook, and how to read message roles and parts. It then gives the model tools: first a weather tool, then a web search tool so the agent can fetch live data. It finishes by switching the model to Kimi K2.7, handling rate limits, and showing a busy or thinking state in the UI. Free on YouTube.