Como configurar API de E-mail na Lovable com Resend: passo a passo

Assista: Como configurar API de E-mail na Lovable passo a passo

Neste tutorial em vídeo da LovAcademy, você acompanha todo o processo na prática: criação da conta no Resend, configuração do domínio, registros DNS no Registro.br, geração da API Key, integração dentro da Lovable e teste real de envio de e-mail.

Por que integrar uma plataforma de e-mail à Lovable?

Ao criar um sistema, aplicativo ou plataforma na Lovable, é comum precisar enviar e-mails automaticamente. Isso pode acontecer quando um usuário cria uma conta, solicita recuperação de senha, recebe uma confirmação, conclui uma compra, envia um formulário ou precisa ser avisado sobre alguma ação dentro do sistema.

É nesse momento que entra uma plataforma de e-mail transacional. No tutorial, utilizamos o Resend para criar a infraestrutura de envio e conectá-la ao projeto criado na Lovable.

A vantagem é que você deixa de depender de um envio improvisado e passa a ter uma API própria para disparar mensagens de forma programática, acompanhar o status dos envios e utilizar um endereço profissional do seu domínio.

O que você precisa antes de começar

Antes de iniciar a integração, deixe estes itens preparados:

• Um projeto criado na Lovable.
• Um domínio próprio que você consiga administrar.
• Acesso ao painel de DNS do domínio.
• Uma conta no Resend.
• Um endereço de e-mail para realizar os testes de envio.

No vídeo, o exemplo utiliza o domínio lovacademy.com.br, administrado pelo Registro.br. Se o seu DNS estiver em outro provedor, a lógica é a mesma: os registros gerados pelo Resend devem ser adicionados no serviço que realmente controla a zona DNS do domínio.

Como criar uma conta no Resend

O primeiro passo é criar sua conta no Resend. Depois de entrar na plataforma, você terá acesso às áreas de e-mails, domínios, API Keys, logs, webhooks e outras configurações relacionadas à entrega de mensagens.

No painel inicial, o Resend também apresenta um fluxo de onboarding para enviar o primeiro e-mail. Para a integração com a Lovable, porém, o mais importante é preparar duas coisas: o domínio de envio e uma API Key.

Como adicionar seu domínio no Resend

Para enviar e-mails usando um endereço profissional, você precisa adicionar um domínio que esteja sob seu controle. No painel do Resend, acesse a área Domains e clique para adicionar um novo domínio.

Informe o domínio que será utilizado para os envios. No exemplo do vídeo, foi utilizado lovacademy.com.br. Durante essa etapa, também é possível escolher a região de envio. No tutorial, a região selecionada foi São Paulo.

Depois de adicionar o domínio, o Resend exibirá os registros DNS necessários para comprovar que você controla aquele endereço e autorizar o envio de e-mails.

Como configurar os registros DNS no Registro.br

Com o domínio adicionado no Resend, abra a área de DNS do seu provedor. Se o seu domínio utiliza os servidores DNS do Registro.br, acesse o domínio, entre na configuração da zona DNS e utilize o modo avançado para criar as novas entradas.

O Resend mostra cada registro com informações como tipo, nome, conteúdo, TTL e, em alguns casos, prioridade. Copie cada valor exatamente como ele aparece no seu painel.

Não utilize os valores mostrados em outro projeto ou em capturas de tela antigas. Os registros podem variar conforme o domínio, a conta e a região escolhida.

Quais registros o Resend pede?

No fluxo mostrado no vídeo, o Resend apresenta registros para autenticação do domínio e habilitação do envio. Entre eles aparecem DKIM, SPF e uma configuração opcional de DMARC.

• DKIM: no exemplo, é apresentado como um registro TXT relacionado ao domínio de envio.
• SPF: o Resend apresenta registros necessários para autorizar a infraestrutura responsável pelo envio.
• DMARC: aparece como uma configuração opcional que pode ser adicionada para reforçar a política de autenticação do domínio.

Depois de inserir os registros, salve as alterações no DNS e volte para o Resend para iniciar ou acompanhar a verificação.

O que são DKIM, SPF e DMARC?

Esses registros ajudam os provedores de e-mail a identificar se uma mensagem realmente foi enviada por uma infraestrutura autorizada para aquele domínio.

DKIM

O DKIM adiciona uma assinatura criptográfica aos e-mails. O registro publicado no DNS permite que o provedor que recebe a mensagem confira se aquela assinatura corresponde ao domínio utilizado no envio.

SPF

O SPF informa quais servidores estão autorizados a enviar e-mails em nome do domínio. Por isso, o registro precisa ser configurado exatamente conforme os dados apresentados pelo Resend.

DMARC

O DMARC trabalha em conjunto com SPF e DKIM e permite definir políticas adicionais para mensagens que não passam pelas verificações de autenticação. No painel mostrado no vídeo, ele aparece como opcional durante a configuração inicial.

Como verificar o domínio no Resend

Depois de salvar os registros DNS, volte para a página do domínio no Resend. A plataforma começará a verificar se os registros publicados correspondem aos valores esperados.

No vídeo, a verificação aconteceu em poucos minutos. Quando tudo está correto, o status do domínio muda para Verified e o painel informa que o domínio está pronto para enviar e-mails.

Se o domínio continuar pendente, não altere tudo imediatamente. Primeiro confira se os registros foram adicionados no provedor DNS correto, se os nomes e valores foram copiados integralmente e se as alterações já estão visíveis publicamente.

Como criar uma API Key no Resend

Com o domínio verificado, crie a chave que será utilizada pelo projeto para se autenticar na API do Resend.

No painel, acesse API Keys e clique para adicionar uma nova chave. Defina um nome que permita identificar facilmente onde aquela credencial está sendo utilizada. No vídeo, a criação da chave é feita pelo próprio painel do Resend antes da integração com a Lovable.

A API Key funciona como uma senha de acesso à API. Por isso, não publique essa chave em páginas, códigos visíveis no navegador, screenshots ou repositórios públicos. Ela deve ser armazenada como segredo no backend do projeto.

Como integrar o Resend à Lovable

Depois de gerar a chave, volte para o projeto na Lovable e informe ao agente que você quer realizar a conexão via API com o Resend.

Uma instrução clara pode ser semelhante a esta:

“Quero realizar a conexão via API com o Resend neste projeto. Implemente o envio de e-mails usando a API do Resend, solicite a chave de API de forma segura e crie uma forma de realizar um disparo de teste para validar a integração.”

A Lovable pode então criar a lógica necessária para o envio e solicitar que a credencial seja salva de maneira protegida. O ponto mais importante é garantir que a API Key não fique exposta no código do frontend.

Como testar o envio de e-mail

Depois que a integração for concluída, faça um teste antes de utilizar o envio em fluxos reais do sistema.

No vídeo, é realizado um disparo de teste e a mensagem chega ao Gmail com o assunto “Teste de Integração Resend”. O primeiro teste confirma que a conexão entre o projeto e a API está funcionando.

Ao receber a mensagem, confira também o remetente, o assunto e o conteúdo. Se o e-mail chegar corretamente, você já confirmou que a aplicação consegue chamar o Resend e realizar o envio.

Como enviar usando um e-mail do seu próprio domínio

Depois de validar a integração, o próximo passo é utilizar um remetente pertencente ao domínio que você verificou.

No exemplo do vídeo, o teste final é enviado utilizando o endereço info@lovacademy.com.br. Isso deixa o envio mais profissional e confirma que a verificação do domínio está funcionando corretamente.

Você pode seguir a mesma lógica usando endereços como:

• noreply@seudominio.com.br
• contato@seudominio.com.br
• suporte@seudominio.com.br
• notificacoes@seudominio.com.br

O endereço escolhido precisa utilizar um domínio autorizado no Resend. Depois disso, ajuste o remetente da integração na Lovable e realize um novo teste.

Como acompanhar os e-mails enviados no Resend

O painel Emails do Resend permite acompanhar os envios realizados pela sua aplicação. No tutorial, depois do teste, a mensagem aparece no histórico com o destinatário, o assunto e o status.

Essa área é útil para diagnosticar problemas. Se a aplicação informa que disparou a mensagem, mas o usuário diz que não recebeu nada, o histórico do Resend ajuda a verificar se o envio foi aceito, entregue, aberto ou se ocorreu algum erro.

Problemas comuns ao configurar e-mail na Lovable com Resend

O domínio não verifica no Resend

Confira se todos os registros foram adicionados exatamente como apresentados. Verifique também se você editou o DNS no provedor que realmente controla o domínio. Alterações DNS podem levar algum tempo para aparecer em todos os servidores.

O e-mail de teste funciona, mas não consigo enviar para outras pessoas

Certifique-se de que você já adicionou e verificou um domínio próprio no Resend e que o campo de remetente da integração utiliza esse domínio. O remetente de teste do Resend possui limitações e não deve ser usado como endereço definitivo de produção.

A Lovable retorna erro ao chamar a API

Revise a API Key utilizada na integração. Se você criou uma nova chave ou revogou a anterior, atualize o segredo utilizado pelo projeto. Evite colar a chave diretamente em arquivos do frontend.

O e-mail foi enviado, mas caiu no spam

Verifique se o domínio está autenticado corretamente e evite utilizar conteúdos que pareçam suspeitos ou excessivamente promocionais. Domínios novos também podem precisar construir reputação de envio ao longo do tempo.

O Resend mostra o envio, mas o e-mail não chegou

Confira o status do envio dentro do painel. Verifique também a pasta de spam, o endereço do destinatário e possíveis bloqueios ou rejeições apresentados nos logs.

Agora você já sabe como configurar API de e-mail na Lovable

A integração com o Resend permite transformar o envio de e-mails do seu projeto em um recurso real de produto. O processo pode ser resumido em quatro etapas: criar a conta, verificar o domínio, gerar a API Key e conectar a API ao projeto na Lovable.

Depois disso, faça sempre um teste completo. Confirme a entrega, revise o remetente e acompanhe o envio no painel do Resend. Com a conexão funcionando, você pode utilizar a mesma estrutura para implementar notificações, confirmações, mensagens automáticas e outros fluxos do seu sistema.

Se você prefere acompanhar todo o processo visualmente, assista ao tutorial em vídeo desta página, onde mostramos a configuração completa utilizando Lovable, Resend e Registro.br.