How does sending emails from the development preview server work?

[dy0gu]

I noticed you can send emails from the react-email preview server, which are powered by resend.

I wanted some more information on this but couldn't find any in docs. How are the emails sent? Is a free API key for resend included in the package? Are there any limits to the amount of emails sent using it? How does it all work from inside the library?

Thank you in advance for the explanation.

[dy0gu]

Bump!

[dy0gu]

Second bump.

[gabrielmfern]

We host an API for this ourselves and call it here

react-email/packages/preview-server/src/components/send.tsx

Lines 17 to 26 in ed2f46a

	const response = await fetch('https://react.email/api/send/test', {
	method: 'POST',
	headers: { 'Content-Type': 'application/json' },
	body: JSON.stringify({
	to,
	subject,
	html: markup,
	}),
	});

the code for that endpoint is

react-email/apps/web/src/app/api/send/test/route.ts

Lines 17 to 19 in d4d9efd

	export async function POST(req: NextRequest) {
	const resend = new Resend(process.env.RESEND_API_KEY);

[dy0gu]

That's so cool, thanks!