개발자용 이메일 API인 Resend를 앱에 연결해 직접 검증한 도메인에서 transactional 및 marketing 이메일을 보내세요.
Resend에 앱 연결하기
개발자용 이메일 API인 Resend를 앱에 연결해 직접 검증한 도메인에서 transactional 및 marketing 이메일을 보내세요.
Resend는 개발자용 이메일 API입니다. Resend 커넥터를 사용하면 Lovable 앱이 Resend에서 검증한 도메인과 자체 Resend 계정으로 transactional 및 marketing 이메일을 보낼 수 있습니다. 확인 메일, 알림, digest, campaign처럼 제품 워크플로의 일부로 이메일을 보내는 앱에 적합합니다.
Resend는 앱 + 채팅 커넥터로 제공됩니다. 공유 연결 하나가 빌드 중 채팅과 게시된 앱 모두에서 작동합니다.
Resend를 연결하면 앱에서 다음 작업을 할 수 있습니다.
- HTML 또는 일반 텍스트 본문으로 transactional 이메일 발송
cc,bcc,reply-to주소를 포함해 여러 수신자에게 발송- Resend 추적용 파일 첨부 및 이메일 tag 추가
- Resend 계정의 발송 도메인과 이메일 상태 읽기
가입 확인, 비밀번호 재설정, 영수증, 내부 알림 같은 일반적인 transactional 이메일에는 내장 Lovable Emails를 사용하세요.
직접 검증한 도메인에서 발송하거나, Resend의 전달 도구가 필요하거나, 이미 Resend에서 발송을 관리한다면 Resend 커넥터를 사용하세요.
일반적인 사용 사례 및 예시 앱
| 예시 앱 | 프롬프트 예시 | 설명 |
|---|---|---|
| 주문 확인 | Use Resend and send an order confirmation email after checkout. | 앱 이벤트에서 transactional 이메일을 보냅니다. 고객이 구매를 완료할 때마다 Resend로 확인 메일을 보냅니다. |
| 예약 알림 | Use Resend and email the customer and our operations team when a booking is created. | 워크플로 하나에서 여러 수신자에게 알립니다. 고객과 내부 운영 주소에 Resend로 이메일을 보냅니다. |
| Onboarding sequence | Use Resend and send a welcome email when a new account is created, then a tips email three days later. | Onboarding 접점을 자동화합니다. 가입일을 기준으로 Resend에서 onboarding 이메일을 예약하고 발송합니다. |
| 뉴스레터 가입 | Use Resend and build a newsletter signup form that stores subscribers and sends a campaign to them. | 구독자를 모으고 campaign을 보냅니다. 데이터베이스에 가입자를 저장하고 도메인에서 Resend로 campaign을 발송합니다. |
| 경고 이메일 | Use Resend and email me whenever an order over $1,000 is placed. | 중요한 이벤트를 이메일로 알립니다. 조건에 맞는 이벤트를 감지해 적절한 사람에게 Resend로 알립니다. |
| 전달 상태 페이지 | Use Resend and build an admin page that shows the status of the emails we sent this week. | 앱 안에서 발송 활동을 보여 줍니다. Resend의 이메일 상태를 읽어 운영자가 제품을 떠나지 않고 실패한 발송을 찾게 합니다. |
Resend 연결 방법
Resend 연결을 만들 수 있는 사용자는 플랜과 워크스페이스 설정에 따라 달라집니다. 앱 + 채팅 커넥터는 Free, Pro, Business 플랜에서 기본으로 제공됩니다. Enterprise 플랜에서는 admin이 Connectors → Admin settings → App + chat connectors에서 변경하기 전까지 연결 및 클라이언트를 만들 수 있는 사용자의 기본값이 No one입니다.
서로 다른 API key로 Resend 연결을 여러 개 만들 수 있습니다. 개발과 운영 환경 또는 Resend 계정을 분리할 때 유용합니다.
연결을 만든 뒤 사용할 프로젝트에 연결할 수 있습니다. 프로젝트에서 빌드하는 사람은 채팅에서 Lovable에 연결을 요청할 수 있습니다.
사전 요구 사항
- Resend 계정
- 본인 외의 사람에게 이메일을 보내려면 해당 Resend 계정에서 검증된 발송 도메인
- Resend API key
- Lovable 워크스페이스의 연결 생성 권한(연결 및 클라이언트를 만들 수 있는 사용자 참고)
이 커넥터로 보낸 모든 이메일은 Resend 플랜 사용량에 포함되며 Lovable이 아니라 Resend에서 청구합니다.
1단계: Resend API key 가져오기
API key는 Lovable 앱이 Resend API에 인증할 때 사용합니다. Resend key에는 두 가지 권한 수준이 있습니다. Full access key는 계정의 모든 리소스를 관리하며, Sending access key는 선택 사항으로 단일 도메인에서 이메일만 보낼 수 있습니다.
Key 만들기
Create API Key를 클릭합니다. Lovable integration처럼 알아보기 쉬운 이름을 지정하고 권한 수준을 선택합니다. 이메일만 보내는 앱에는 Sending access면 충분합니다. 도메인 또는 이메일 상태도 읽어야 한다면 Full access를 선택하세요.
Key 복사하기
Key를 복사해 안전하게 보관합니다. Resend는 한 번만 보여 주며 key는 re_로 시작합니다.
API key는 비밀번호처럼 작동합니다. 안전하게 보관하고 공개하지 마세요. 다음 단계에서 필요합니다.
자세한 내용은 Resend의 API keys 문서와 API reference를 참고하세요.
2단계: Resend를 Lovable에 연결하기
Connectors에서 Resend 열기
Connectors에서 Resend를 선택합니다. 다른 진입 경로는 커넥터 위치를 참고하세요.
연결 추가하기
Add connection을 클릭합니다.
연결 구성하기
- Display name:
Resend Prod처럼 연결 이름을 지정합니다. Lovable 안에서 식별할 때만 사용합니다. - API Key:
re_로 시작하는 Resend API key를 붙여넣습니다.
이 연결을 사용할 수 있는 사람 선택
Sharing 아래에서 연결은 기본적으로 본인에게만 공개되며 Private 라벨이 표시됩니다. 공유하려면 Share with others를 클릭합니다. 그런 다음 이메일로 워크스페이스 멤버를 추가하거나 Invite entire workspace를 클릭해 Lovable 워크스페이스의 모든 사용자가 연결을 사용할 수 있게 합니다.
자세한 내용은 연결 및 클라이언트를 사용할 수 있는 사용자를 참고하세요.
연결하기
Connect를 클릭합니다. Lovable이 저장 전에 Resend API에서 key를 검증합니다. Full access와 Sending access key를 모두 사용할 수 있습니다.
연결이 끝나면 접근 권한에 따라 프로젝트에서 빌드하는 사람이 채팅에서 Lovable에 Resend 연결을 요청할 수 있습니다. 이후 앱은 Resend 계정을 통해 이메일을 보냅니다.
내 도메인에서 발송하기
앱 사용자에게 이메일을 보내려면 Resend에서 검증한 도메인을 사용해야 합니다. Resend의 공유 테스트 주소 onboarding@resend.dev는 Resend 계정 owner의 이메일로만 전달되므로 본인 테스트에는 쓸 수 있지만 실제 수신자에게는 보낼 수 없습니다.
사용자에게 보내기 전에 Resend에 도메인을 추가하고 DNS provider에 Resend가 요청하는 record를 설정해 verified 상태인지 확인하세요. 커넥터는 DNS를 구성하거나 도메인을 검증하지 않습니다.
Lovable에 요청할 때 hello@mydomain.com처럼 보낼 주소를 명시하면 생성된 앱이 일관되게 사용합니다.
제한 사항
Resend 커넥터는 다음을 지원하지 않습니다.
- 발송 도메인 검증 또는 등록. 먼저 Resend에서 구성하세요.
- 커넥터를 통한 Resend event webhook 수신. Resend에서 Lovable 밖의 endpoint로 webhook을 구성하거나 Resend API로 이메일 상태를 읽으세요.
- 최종 사용자별 Resend 로그인. 각 연결은 연결된 모든 프로젝트가 공유하는 Resend 계정 하나를 나타냅니다.
Resend 연결 관리
연결은 Connectors에서 관리합니다. **Resend**을 선택한 다음 연결을 여세요.
- Unlink projects를 사용하면 연결을 다른 프로젝트에서 계속 사용하면서 특정 프로젝트의 접근 권한만 제거할 수 있습니다. 연결에서 프로젝트 연결 해제를 참고하세요.
- Delete the connection을 사용하면 워크스페이스에서 연결을 영구 제거합니다. 모든 연결된 프로젝트에서 자격 증명이 제거되고 새 연결을 추가할 때까지 앱 기능이 중단됩니다. 연결 삭제를 참고하세요.