LogoLogoLogoLogo

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.

.env
RESEND_API_KEY=your_resend_key

2. Configure Sender Email & Verify Domain

Before sending emails, verify your domain in the Resend dashboard. Once verified, configure your sender email in emails.from:

src/features/email/resend/config.ts
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:

src/features/email/resend/config.ts
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.

landing.tsx
import { CompactNewsletter } from "@/components/email/resend/CompactNewsletter.tsx";

<CompactNewsletter />;

On this page