Email

Configure Resend email service for transactional emails and newsletters

Email

LaunchSaaS uses Resend for transactional emails and newsletter management. Email templates are React components for easy customization.

Setup

1. Create Resend Account

  1. Sign up at resend.com
  2. Verify your email address
  3. You get 100 emails/day on the free tier

2. Get API Key

  1. Go to API Keys in Resend Dashboard
  2. Click "Create API Key"
  3. Give it a name (e.g., "LaunchSaaS")
  4. Add to your .env file:
RESEND_API_KEY="re_..."

3. Configure Sender Email

For development, use the Resend test email:

RESEND_FROM_EMAIL="[email protected]"

For production, you'll need to verify your domain (see below).

If you are setting up the environment, now you can go back to the Environment Setup guide and continue.

Domain Verification (Production)

To send emails from your own domain:

1. Add Domain

  1. Go to Domains in Resend Dashboard
  2. Click "Add Domain"
  3. Enter your domain (e.g., yourdomain.com)

2. Add DNS Records

Resend will provide DNS records to add:

  • MX records - For receiving bounces
  • TXT records - For domain verification (SPF, DKIM)

Add these records to your DNS provider (e.g., Cloudflare, Namecheap).

3. Verify Domain

  1. Wait for DNS propagation (can take up to 48 hours)
  2. Click "Verify" in Resend Dashboard
  3. Once verified, update your environment variable:
RESEND_FROM_EMAIL="[email protected]"

Newsletter & Waitlist (Optional)

LaunchSaaS supports newsletter and waitlist subscriptions using Resend Audiences.

Setup Resend Audiences

  1. Go to Audiences in Resend Dashboard
  2. Create audiences for newsletter and/or waitlist
  3. Copy the Audience IDs and add to your .env file:
RESEND_AUDIENCE_NEWSLETTER="audience-id-for-newsletter"
RESEND_AUDIENCE_WAITLIST="audience-id-for-waitlist"

Email Templates

Email templates are located in src/components/email-templates/:

TemplateDescription
email-verification.tsxSent on user signup
forget-password.tsxPassword reset flow
magic-link.tsxPasswordless login
welcome.tsxPost-verification welcome

To customize templates, edit the React components directly. They use standard React and inline styles for email compatibility.

References

Next Steps