PaceUI

Blocks
MCPComponentsTemplatesChartsStarter
Docs
IntroductionInstallationChangelog
Starter
OverviewGetting StartedFolder StructureAIAuth BasicAuth OAuthDatabaseDocumentationEmail ResendPayment CreemPayment PolarStorage

Build faster with Pro

Unlock all premium blocks, templates, and support future updates.

Get Full Access

Resend (Email)

PreviousNext

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 />;

PaceUI

The ultimate toolkit empowering your designers and developers to launch their next big idea without ever settling on quality

Pages

ComponentsBlocksMCPTemplatesStarter

Account

ManageLicensesPricing

Support

AffiliateContact UsPrivacy PolicyTerms of ServiceDocs

© 2026 PaceUI. All rights reserved. Built by indie developer, Denish

PACEUI