Resend (Email)
Configure and use the Resend email provider
1. Add Resend Environment Variables
Generate a Resend API key and add it to your .env file.
RESEND_API_KEY=your_resend_key2. Configure Sender Email & Verify Domain
Before sending emails, verify your domain in the Resend dashboard.
Once verified, configure your sender email in emails.from:
export const emails = {
from: "Acme <onboarding@resend.dev>", // Set your email address here
};3. Add Templates
Create templates in Resend for forgot-password, email-verification, and magic-link. After creating them, reference their slugs in your config:
export const templates = {
verifyEmail: "verify-your-email",
// Other templates
};4. Newsletter
A built-in newsletter UI component is available to help you collect subscribers on your landing page.
import { CompactNewsletter } from "@/components/email/resend/CompactNewsletter.tsx";
<CompactNewsletter />;