Files
claudemesh/.context/turbostarter-framework-context/sections/web/emails/overview.md
Alejandro Gutiérrez d3163a5bff feat(db): mesh data model — meshes, members, invites, audit log
- pgSchema "mesh" with 4 tables isolating the peer mesh domain
- Enums: visibility, transport, tier, role
- audit_log is metadata-only (E2E encryption enforced at broker/client)
- Cascade on mesh delete, soft-delete via archivedAt/revokedAt

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
2026-04-04 21:19:32 +01:00

46 lines
2.0 KiB
Markdown

---
title: Overview
description: Get started with emails in TurboStarter.
url: /docs/web/emails/overview
---
# Overview
For mailing functionality, TurboStarter integrates [React Email](https://react.email/docs/introduction) which enables you to build your emails from composable React components.
<Callout title="Why React Email?">
It's a simple, yet powerful library that allows you to **write your emails in React**.
It also allows you to use **Tailwind CSS for styling**, which is a huge advantage, as we can share almost everything from the main app with the emails package, keeping them consistent with rest of the app.
</Callout>
You can read more about `react-email` package in the [official documentation](https://react.email/docs/introduction).
## Providers
TurboStarter implements multiple providers for managing and sending emails. To learn more about each provider and how to configure them, see the respective section:
<Cards>
<Card title="Resend" href="/docs/web/emails/configuration#resend" />
<Card title="SendGrid" href="/docs/web/emails/configuration#sendgrid" />
<Card title="Postmark" href="/docs/web/emails/configuration#postmark" />
<Card title="Plunk" href="/docs/web/emails/configuration#plunk" />
<Card title="Nodemailer" href="/docs/web/emails/configuration#nodemailer" />
</Cards>
All configuration and setup is built-in with a unified API, so you can switch between providers by simply changing the exports and even introduce your own provider without breaking any sending-related logic.
## Development
When you [setup your development environment](/docs/web/installation/development) and run `pnpm dev` command a new app will start at [http://localhost:3005](http://localhost:3005).
![Email preview](/images/docs/web/emails/development.png)
There you'll be able to check your email templates and send test emails from your app. It includes hot-reloading, so when you make change in the code - it will be reflected in the browser.
Learn more about configuration and setup of the emails in TurboStarter in the following sections.