All frameworks

Send Email from Nuxt

Send emails from Nuxt server routes and API endpoints

1

Install the SDK

npm install sendpigeon
2

Set your API key

// nuxt.config.ts
export default defineNuxtConfig({
  runtimeConfig: {
    sendpigeonApiKey: process.env.SENDPIGEON_API_KEY,
  },
})

Get your API key from the dashboard.

3

Send your first email

typescript
// server/api/contact.post.ts
import { SendPigeon } from "sendpigeon";

export default defineEventHandler(async (event) => {
  const config = useRuntimeConfig();
  const client = new SendPigeon(config.sendpigeonApiKey);
  const { email, name } = await readBody(event);

  await client.emails.send({
    from: "hello@yourdomain.com",
    to: email,
    subject: `Thanks for reaching out, ${name}!`,
    html: `<h1>We got your message</h1><p>We'll get back to you soon.</p>`,
  });

  return { success: true };
});

Why use SendPigeon with Nuxt?

  • Works with Nuxt 3 server routes
  • Nitro server engine
  • Auto-imports and TypeScript
  • 99.9% deliverability with dedicated IPs
  • Real-time analytics and webhook events
🧪

Testing locally? Use our local email server to catch emails without sending real ones.

🎨

Prefer visual editing? Build email templates with our free drag-and-drop builder. Learn more →

Ready to send emails from Nuxt?

Start free with 3,000 emails/month. No credit card required.

Get Started Free

Other JavaScript frameworks