5. Email Service

Introduction

There are many email services available:

• https://resend.com/
• https://postmarkapp.com/
• https://sendgrid.com/en-us
• Alibaba Cloud Direct Mail

Why Choose Resend:

• Supports multiple programming language integrations
• Provides URL-based API calls
• Integrated with Supabase and Vercel platforms
• 100 free emails per day
• 3000 free emails per month

Preparation

• Register a new Gmail account for all platform registrations (This is a good practice)
• Register for GitHub code management, needed for one-click login later (Standard requirement)
• Register a domain name, recommended platforms: namecheap, godaddy

Resend Setup

• Set up domain

• Go to your domain DNS management interface to set up MX and TXT records

• Set up API Keys

• Check your plan limits

Configure Keys

Edit the environment variable file .env

# resend

MAILE_FROM="noreply <noreply@xxxxxxxxx.com>"
NUXT_RESEND_API_KEY="re_xxxxxxxxxxxxxxxxxxxq3VB8Afz7pr"

MAILE_FROM sets the displayed sender name.

NUXT_RESEND_API_KEY is the API key you created earlier.

Email Templates

Modify the email templates according to your needs.

Recommended template editor: mjml.

Template files:

Directory app/utils/email/

end