Frontier · frontend
Use Claude Opus 4 with Next.js
Updated 2026-05-21 · By XALEN
How to use Claude Opus 4 (Frontier, ~2T) with Next.js. Install, authenticate, and make your first API call in minutes. Working code example included.
Model
Claude Opus 4
~2T · 200K context · $0.15 input
Framework
Next.js
frontend · npm install xalen-sdk
1. Install
npm install xalen-sdk
2. Code
// app/api/chat/route.ts
import XALEN from 'xalen-sdk';
const client = new XALEN({ apiKey: process.env.XALEN_API_KEY });
export async function POST(req: Request) {
const { messages } = await req.json();
const response = await client.chat.completions.create({
model: 'claude-opus-4',
messages,
stream: true
});
return new Response(response.toReadableStream());
}
Claude Opus 4 with Other Frameworks
Other Models with Next.js
200+ models. One API. Works with any framework.
Get API KeyLast updated: 2026-05-21