Email System

Sign in at marrowstack.dev, open the Email System block, and click Copy all files. Paste lib/email.ts into your project. All templates share a single branded HTML layout — edit the BRAND constant at the top of the file to set your colors, logo URL, and company name.

• Next.js 14 or 15, App Router
• Resend account at resend.com with a verified sender domain
• A domain with DNS access (to add the SPF/DKIM records Resend requires)

1. Copy lib/email.ts from the block detail page into your project.
2. Install peer dependencies:

npm install resend zod

All functions are called server-side only. Import and call them from API routes, Server Actions, or route handlers.

import { sendVerifyEmail } from '@/lib/email'
import { NextRequest, NextResponse } from 'next/server'

export async function POST(req: NextRequest) {
  const { email, verifyUrl } = await req.json()

  await sendVerifyEmail({
    to: email,
    verifyUrl,
  })

  return NextResponse.json({ ok: true })
}

'use server'
import { sendWelcomeEmail } from '@/lib/email'

export async function onUserSignUp(email: string, name: string) {
  await sendWelcomeEmail({ to: email, name })
}

Available send functions:

• sendWelcomeEmail({ to, name })
• sendVerifyEmail({ to, verifyUrl })
• sendPasswordResetEmail({ to, resetUrl })
• sendPurchaseReceiptEmail({ to, orderDetails })
• sendRefundEmail({ to, refundDetails })
• sendTeamInviteEmail({ to, inviteUrl, workspaceName })
• sendNewsletterEmail({ to, subject, content })

1. Call sendWelcomeEmail({ to: 'your@email.com', name: 'Test' }) from a test route.
2. Check Resend Dashboard → Logs to confirm the email was accepted and delivered.
3. Open the email in a real inbox and verify the layout renders correctly across Gmail, Outlook, and Apple Mail.