Send email from Next.js

import { NextResponse } from 'next/server';
import { Emailssh } from '@emails.sh/sdk';

const mail = new Emailssh({ apiKey: process.env.EMAILSSH_API_KEY! });

export async function POST(request: Request) {
	const { email, name } = await request.json();

	if (typeof email !== 'string' || !email.includes('@')) {
		return NextResponse.json({ error: 'A valid email is required' }, { status: 400 });
	}

	const sent = await mail.send({
		from: process.env.EMAILSSH_FROM ?? 'Acme <onboarding@emails.sh>',
		to: [email],
		subject: 'Welcome to Acme',
		html: `<p>Hi ${name ?? 'there'}, your Acme account is ready.</p>`,
		text: `Hi ${name ?? 'there'}, your Acme account is ready.`
	});

	return NextResponse.json({ id: sent.id, status: sent.status });
}

'use client';

import { useState } from 'react';

export default function SignupPage() {
	const [state, setState] = useState<'idle' | 'sending' | 'sent' | 'error'>('idle');

	async function onSubmit(event: React.FormEvent<HTMLFormElement>) {
		event.preventDefault();
		setState('sending');

		const form = new FormData(event.currentTarget);
		const response = await fetch('/api/send', {
			method: 'POST',
			headers: { 'content-type': 'application/json' },
			body: JSON.stringify({ email: form.get('email'), name: form.get('name') })
		});

		setState(response.ok ? 'sent' : 'error');
	}

	return (
		<form onSubmit={onSubmit}>
			<input name="name" placeholder="Your name" />
			<input name="email" type="email" placeholder="you@example.com" required />
			<button type="submit" disabled={state === 'sending'}>
				{state === 'sending' ? 'Sending' : 'Sign up'}
			</button>
			{state === 'sent' ? <p>Check your inbox.</p> : null}
			{state === 'error' ? <p>That did not send. Try again.</p> : null}
		</form>
	);
}

'use server';

import { Emailssh } from '@emails.sh/sdk';

const mail = new Emailssh({ apiKey: process.env.EMAILSSH_API_KEY! });

export async function sendWelcome(formData: FormData) {
	const email = String(formData.get('email') ?? '');
	if (!email.includes('@')) return { ok: false as const, error: 'A valid email is required' };

	const sent = await mail.send({
		from: process.env.EMAILSSH_FROM ?? 'Acme <onboarding@emails.sh>',
		to: [email],
		subject: 'Welcome to Acme',
		html: '<p>Your Acme account is ready.</p>',
		text: 'Your Acme account is ready.'
	});

	return { ok: true as const, id: sent.id };
}