Integração de servidor com Next.js

Live

Mantenha a chave de API atrás de um Route Handler e devolva apenas dados seguros para o produto.

(opens in new tab)Última verificação: 2026-08-11

Adicione o segredo

Coloque MODELRUSH_API_KEY no ambiente do servidor. Não use o prefixo NEXT_PUBLIC_.

Crie uma rota de servidor

ts
export async function POST(request: Request) {
  const { message } = await request.json();
  const response = await fetch("https://api.modelrush.ai/v1/chat/completions", {
    method: "POST",
    headers: {
      Authorization: `Bearer ${process.env.MODELRUSH_API_KEY}`,
      "Content-Type": "application/json",
    },
    body: JSON.stringify({
      model: "modelrush/grok-4.6",
      messages: [{ role: "user", content: message }],
    }),
  });
  if (!response.ok) return Response.json(await response.json(), { status: response.status });
  const data = await response.json();
  return Response.json({ id: data.id, text: data.choices[0].message.content });
}

Verifique

Valide a entrada da pessoa usuária, adicione um tempo limite e um limite de uso na aplicação e depois confira no painel o ID de requisição devolvido.

AnteriorGET /regions

PróximaFluxo de imagem para vídeo