Integración de servidor con Next.js

Live

Mantén la clave de API detrás de un Route Handler y devuelve solo datos seguros para el producto.

(opens in new tab)Última verificación: 2026-08-11

Añade el secreto

Pon MODELRUSH_API_KEY en el entorno del servidor. No le pongas el prefijo NEXT_PUBLIC_.

Crea una ruta 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 });
}

Verifica

Valida la entrada de la persona usuaria, añade un tiempo de espera y un límite de uso en la aplicación, y después revisa en el panel el ID de petición devuelto.

AnteriorGET /regions

SiguienteFlujo de imagen a vídeo