LogoLogoLogoLogo
ComponentsBlocksTemplatesStarterDocs
Docs
  • Introduction
  • Installation
  • Changelog
  • Starter
    • Introduction
    • Getting Started
    • Folder Structure
    • Database
    • Basic (Auth)
    • Artificial Intelligence
    • OAuth (Auth)
    • Storage
    • Documentation
    • Polar (Payment)
    • Creem (Payment)
    • Resend (Email)

    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 />;
    Creem (Payment)

    On This Page

    1. Add Resend Environment Variables2. Configure Sender Email & Verify Domain3. Add Templates4. Newsletter
    LogoLogoLogoLogo

    Build faster with practical UI blocks for real apps.

    Pages

    ComponentsBlocksTemplatesStarter

    Account

    ManageLicensesPricing

    Support

    Contact UsPrivacy PolicyTerms of ServiceDocs

    © 2026 PaceUI. All rights reserved.

    PACEUI