Integrari / SDK & toolsTransactional
Next.js prin Router by MP
Construieste features AI in Next.js cu Vercel AI SDK sau direct OpenAI SDK Node.
Raspuns scurt
Pentru Next.js, folosește Vercel AI SDK pentru streaming UI sau OpenAI SDK Node pentru API routes. Toate accepta baseURL Router.
Problema concreta
Echipele Next.js evaluează intre Vercel AI SDK (mai integrat) și OpenAI SDK direct. Decizia depinde de complexitatea UI.
Cum o rezolva Router by MP
Pentru chat cu streaming UI, Vercel AI SDK + useChat + createOpenAI cu baseURL Router. Pentru API routes simple sau batch, OpenAI SDK Node direct.
Fluxuri uzuale
- App Router cu API route AI.
- createOpenAI cu baseURL Router.
- streamText sau generateText.
- useChat in client component.
| Control | De ce conteaza |
|---|---|
| Streaming UI | useChat afiseaza tokeni live. |
| Edge runtime | Functioneaza pe Vercel Edge și Node. |
| Tool calling | Suportat in Vercel AI SDK. |
Next.js API route streamingts
import { createOpenAI } from "@ai-sdk/openai";
import { streamText } from "ai";
const router = createOpenAI({ apiKey: process.env.ROUTER_API_KEY!, baseURL: "https://api.megapromoting.com/v1" });
export async function POST(req: Request) {
const { messages } = await req.json();
const result = await streamText({ model: router("gpt-5.4-mini"), messages });
return result.toAIStreamResponse();
}Reguli si limite
- Versiunea ai-sdk. ai >= 3.x.
- Cold start edge. Pentru low timp de răspuns, folosește Node runtime.
- Disponibilitate model. Verifica /models pe cheia ta.
Integrare rapida
Foloseste endpointul https://api.megapromoting.com/v1, trimite cheia caAuthorization: Bearer <router_api_key> si verifica pagina/modelsinainte de productie.