Send emails from your v0 app with Brevo

Create a Brevo API key

1. In Brevo, click Settings (gear icon) in the left sidebar, then open SMTP & API > API keys & MCP (direct link: app.brevo.com/settings/keys/api).
2. Click + Generate API key, name it (e.g. v0 app), and copy it. It starts with xkeysib-.

Connect a Vercel project and add the key as an environment variable

v0 doesn’t create a Vercel project automatically — you connect or create one from its own Settings panel, and environment variables live in that same panel afterward:

1. In your v0 project, open the ”…” menu (or the project menu) and click Settings.
2. Go to Vercel Project in the settings sidebar. If it says “No Vercel project connected,” click Create to create one (or connect an existing one).
3. Go to Environment Variables (same settings sidebar, still inside v0).
4. Add BREVO_API_KEY with your key as the value, scoped to Production (and Preview/Development if you want it available there too).
5. Publish/redeploy so the new variable is available at runtime.

If you’d rather manage it from Vercel’s own dashboard instead, the equivalent path there is Settings > Environment Variables on the linked Vercel project — both surfaces edit the same underlying variables.

Add a Route Handler that calls the Brevo API

Create app/api/send-email/route.ts:

import { NextResponse } from "next/server";
export async function POST(request: Request) {
  const { to, subject, html } = await request.json();
  const res = await fetch("https://api.brevo.com/v3/smtp/email", {
    method: "POST",
    headers: {
      "api-key": process.env.BREVO_API_KEY!,
      "Content-Type": "application/json",
    },
    body: JSON.stringify({
      sender: { name: "Your App", email: "no-reply@yourdomain.com" },
      to: [{ email: to }],
      subject,
      htmlContent: html,
    }),
  });
  if (!res.ok) {
    return NextResponse.json({ error: await res.text() }, { status: res.status });
  }
  return NextResponse.json({ ok: true });
}

In your v0 prompt, you can describe this directly, e.g. “Add an API route that sends an email through the Brevo transactional email API using the BREVO_API_KEY environment variable.”

Prefer an SDK over raw fetch? Brevo maintains an official Node.js API client (@getbrevo/brevo) that wraps the same endpoint.

Call it from your app

await fetch("/api/send-email", {
  method: "POST",
  body: JSON.stringify({ to: "user@example.com", subject: "Welcome!", html: "<p>Hi there</p>" }),
});

Test it

Trigger the route and confirm delivery in Brevo > Transactional > Email logs. Check your Vercel function logs if the request fails.