SDKs & LanguagesFull Stack
Next.js App Router Integration & AI Streaming
Build AI-powered Next.js applications using Route Handlers, Server Actions, and Vercel AI SDK with API100.
API100 integrates seamlessly with Next.js 14 and Next.js 15 App Router.
You can use standard fetch(), the OpenAI SDK, or the Vercel AI SDK (@ai-sdk/openai) to stream completions directly to client components.
app/api/chat/route.tstypescript
import { OpenAI } from "openai";
const client = new OpenAI({
baseURL: "https://api.apihundred.com/v1",
apiKey: process.env.API100_API_KEY,
});
export async function POST(req: Request) {
const { messages } = await req.json();
const stream = await client.chat.completions.create({
model: "claude-3-5-sonnet",
messages,
stream: true,
});
const responseStream = new ReadableStream({
async start(controller) {
for await (const chunk of stream) {
const text = chunk.choices[0]?.delta?.content || "";
controller.enqueue(new TextEncoder().encode(text));
}
controller.close();
},
});
return new Response(responseStream, {
headers: { "Content-Type": "text/plain; charset=utf-8" },
});
}