Recipe for supporting multiple providers as backup option?

[deadcoder0904]

After the recent Resend incident, I was curious to write a recipe about supporting multiple providers.

However, I found the API a bit different.

I am only using Resend & Plunk as a backup as both won't go down at the same time.

Is this alright?

import { consola } from "consola"
import { render } from "jsx-email"
import { isDevelopment } from "std-env"

import { MagicLinkEmail } from "@app/components/email/MagicLink"
import { plunk } from "@app/lib/email-providers/plunk"
import { resend } from "@app/lib/email-providers/resend"
import { env } from "@app/lib/env"
import { createEmailVerificationToken } from "@app/lib/verification-token"

export const sendEmail = async (id: string, email: string) => {
	const magicLink = await createEmailVerificationToken(id, email)

	const magicUrl = `${env.NEXT_PUBLIC_BASE_URL}/verify-email/${magicLink}`

	if (isDevelopment) {
		consola.info({ magicUrl }, `🎆 Magic Link`)
		/* comment the return to send test emails in development mode */
		return
	}

	const template = <MagicLinkEmail magicLink={magicLink} />
	const html = await render(template)

	const { data, error } = await resend.emails.send({
		from: env.RESEND_SUPPORT_EMAIL,
		to: email,
		subject: `Your Magic Link - ${email}`,
		html,
	})

	if (error) {
		consola.error({ error }, `[Resend] Error while sending email!`)

		const { success } = await plunk.emails.send({
			from: env.RESEND_SUPPORT_EMAIL,
			to: email,
			subject: `Your Magic Link - ${email}`,
			body: html,
		})

		if (success) {
			consola.success({ data }, `[Plunk] Successfully send email!`)
		}
	}

	consola.success({ data }, `[Resend] Successfully send email!`)
}

A simple recipe by jsx-email would be cool. Or maybe a package?

Currently, my code does look a bit odd but it would be good to abstract away things so its simple to write it.

What do ya'll think?

[shellscape]

That looks solid to me. Exactly how I would likely do it.