Deploy a Next.js AI App to Vercel

From localhost to live

1. Push your project to GitHub.
2. Import it at vercel.com — it auto-detects Next.js.
3. Add environment variables (API keys) in the Vercel dashboard.
4. Deploy. Every push to main redeploys automatically.

Keep keys server-side

Never expose secret API keys in client code. Call your model from a route handler (app/api/.../route.ts) so the key stays on the server:

export async function POST(req: Request) {
  const { prompt } = await req.json();
  // call the model here using process.env.MY_API_KEY
}

Your frontend calls /api/...; the secret never leaves the server.