Skills2026年4月7日·1 分钟阅读

Resend — Modern Email API for Developers

Developer-first email API with React Email templates, webhooks, and deliverability built-in. Send transactional emails with beautiful templates in 3 lines of code. By the creator of Novu. 15,000+ stars.

Agent 就绪

Agent 可直接安装

这个资产可安装;Agent 先选择当前运行时、检查安装计划,再运行匹配命令。

Native · 98/100策略:允许
Agent 入口
任意 MCP/CLI Agent
类型
Skill
安装
Single
信任
信任等级:Community
入口
Resend — Modern Email API for Developers
直接安装命令
npx -y tokrepo@latest install 1595eb81-b588-4673-9ba2-37f2db0a751b --target codex

先 dry-run 确认安装计划,再运行此命令。

TL;DR
Developer-first email API with React Email templates, webhooks, and deliverability built in. Send transactional emails in 3 lines.
§01

What it is

Resend is a developer-first email API that makes sending transactional emails simple. It supports React Email templates for building emails with components, provides webhooks for delivery tracking, and handles deliverability concerns (SPF, DKIM, DMARC) out of the box. The project has 15,000+ GitHub stars and SDKs for Node.js, Python, Ruby, Go, and more.

Resend targets developers building applications that send transactional emails: welcome messages, password resets, order confirmations, and notifications. It replaces legacy email services with a modern API that treats email templates as code.

§02

How it saves time or tokens

Resend eliminates the complexity of email infrastructure. SPF, DKIM, and DMARC configuration is handled automatically. React Email templates let you build emails with components and props rather than writing raw HTML with inline styles. Webhooks provide delivery, open, and click tracking without bolting on a separate analytics service. The result is email functionality that takes 3 lines of code instead of a week of infrastructure setup.

§03

How to use

  1. Install the SDK:
npm install resend
  1. Send an email:
import { Resend } from 'resend';

const resend = new Resend('re_your_api_key');

await resend.emails.send({
  from: 'you@yourdomain.com',
  to: 'user@example.com',
  subject: 'Welcome!',
  html: '<h1>Welcome to our app!</h1>',
});
  1. Get your API key at resend.com.
§04

Example

Using React Email templates for structured email content:

import { Resend } from 'resend';
import { WelcomeEmail } from './emails/welcome';

const resend = new Resend('re_your_api_key');

await resend.emails.send({
  from: 'onboarding@yourdomain.com',
  to: 'user@example.com',
  subject: 'Welcome to the platform',
  react: WelcomeEmail({ userName: 'Alice', planName: 'Pro' }),
});

React Email templates render to cross-client HTML automatically, handling the quirks of Outlook, Gmail, and Apple Mail.

§05

Related on TokRepo

§06

Common pitfalls

  • You must verify your sending domain with DNS records before sending. Unverified domains are rejected by Resend.
  • The free tier has a daily sending limit. Production applications with high email volume need a paid plan.
  • React Email templates require server-side rendering. They cannot be used directly in client-side React applications.
  • Always check the official documentation for the latest version-specific changes and migration guides before upgrading in production environments.
  • For team deployments, establish clear guidelines on configuration and usage patterns to ensure consistency across developers.

常见问题

What is React Email?+

React Email is a companion library that lets you build email templates using React components. Templates render to cross-client HTML that works in Gmail, Outlook, Apple Mail, and other email clients. It replaces the painful process of writing email HTML with inline styles.

Does Resend handle email deliverability?+

Yes. Resend manages SPF, DKIM, and DMARC configuration for your sending domain. It also handles IP reputation and bounce management to maintain high deliverability rates.

What programming languages does Resend support?+

Resend provides official SDKs for Node.js, Python, Ruby, Go, Elixir, and Java. The REST API can be called from any language using standard HTTP requests.

Can I track email opens and clicks?+

Yes. Resend provides webhooks for delivery, bounce, open, and click events. You configure webhook endpoints in the dashboard and receive real-time notifications for each event.

How does Resend compare to SendGrid?+

Resend focuses on developer experience with React Email templates and a simpler API. SendGrid offers a larger feature set including marketing email, but has a more complex API. Resend is designed specifically for transactional email use cases.

引用来源 (3)
🙏

来源与感谢

Created by Resend. Licensed under MIT.

resend — stars 15,000+

讨论

登录后参与讨论。
还没有评论,来写第一条吧。

相关资产