Better Auth verification and reset email

import { betterAuth } from 'better-auth';
import { magicLink } from 'better-auth/plugins';
import { Emailssh } from '@emails.sh/sdk';

const mail = new Emailssh({ apiKey: process.env.EMAILSSH_API_KEY! });
const FROM = process.env.EMAILSSH_FROM ?? 'Acme <onboarding@emails.sh>';

async function send(to: string, subject: string, heading: string, url: string, cta: string) {
	await mail.send({
		from: FROM,
		to: [to],
		subject,
		html: `<p>${heading}</p>
<p><a href="${url}">${cta}</a></p>
<p>If you did not request this, ignore this email. The link expires in one hour.</p>`,
		text: `${heading}\n\n${cta}: ${url}\n\nIf you did not request this, ignore this email.`
	});
}

export const auth = betterAuth({
	emailAndPassword: {
		enabled: true,
		// Without this, an account works before the address is proven, and the
		// verification email is decoration.
		requireEmailVerification: true,
		sendResetPassword: async ({ user, url }) => {
			await send(user.email, 'Reset your Acme password', 'Reset your password.', url, 'Choose a new password');
		}
	},

	emailVerification: {
		sendOnSignUp: true,
		autoSignInAfterVerification: true,
		sendVerificationEmail: async ({ user, url }) => {
			await send(user.email, 'Confirm your email', 'Confirm your email to finish signing up.', url, 'Confirm email');
		}
	},

	plugins: [
		magicLink({
			sendMagicLink: async ({ email, url }) => {
				await send(email, 'Your sign-in link', 'Here is your sign-in link.', url, 'Sign in');
			}
		})
	]
});

import { toNextJsHandler } from 'better-auth/next-js';
import { auth } from '@/lib/auth';

export const { GET, POST } = toNextJsHandler(auth);

'use client';

import { useState } from 'react';
import { createAuthClient } from 'better-auth/react';

const authClient = createAuthClient();

export function ResendVerification({ email }: { email: string }) {
	const [state, setState] = useState<'idle' | 'sending' | 'sent'>('idle');

	async function resend() {
		setState('sending');
		await authClient.sendVerificationEmail({
			email,
			callbackURL: '/dashboard'
		});
		setState('sent');
	}

	return (
		<button onClick={resend} disabled={state !== 'idle'}>
			{state === 'sent' ? 'Sent, check your inbox' : 'Resend verification email'}
		</button>
	);
}