AI Boilerplate
Get AI Boilerplate

Overview

Understand the email integration in the boilerplate.

AI Boilerplate uses Resend for sending emails and React Email for building templates.

Features

FeatureDescription
Transactional emailsMagic link, email verification, and more.
React templatesBuild email templates with React and Tailwind CSS.
Live previewPreview templates in the browser during development.
Custom domainSend from your own domain in production.

How It Works

  1. Templates are defined as React components in packages/email/src/templates/.
  2. Shared layout components (Header, Footer) are defined in packages/email/src/templates/_components/.
  3. The sendEmail function from @package/email sends emails through Resend.
  4. In development, preview templates at http://localhost:3333.

Next Steps

On this page

FeaturesHow It WorksNext Steps