Integre e-mails transacionais seguros ao seu app Expo com Recent e EAS
Construa o futuro do envolvimento com seu usuário: tutorial passo a passo para implementar emails no seu app Expo, usar Recent e garantir máxima segurança sem precisar de backend próprio.
Por que isso é importante
E-mail foi, é e continuará sendo o canal direto mais confiável para engajar usuários, disparar confirmações, listas de espera e aumentar receitas. Agora, a barreira para criar essa integração caiu. A união de Expo, Recent e EAS permite enviar e-mails seguros, administrando audiências e campanhas sem expor segredos ou precisar programar servidores do zero. Dominar esse fluxo é obrigatório para qualquer dev que cria apps reais e busca escalabilidade, proteção e automação.
Conquiste o canal mais direto: por que todo app precisa de e-mails
Você pode ter a melhor interface do mundo – mas se não consegue notificar, engajar ou converter seu usuário fora do app, está perdendo valor. E o e-mail é a ponte: para onboarding, confirmações, lista de espera, eventos, marketing e até para salvar churn. Apps líderes usam e-mails transacionais e marketing para criar relação, aumentar lifetime value e unificar experiências. Não ter esse canal pronto desacelera qualquer produto digital.
O novo stack: Recent + Expo + EAS
A barreira de precisar administrar servidores, lidar com templates de SMTP e proteger segredos acabou. Com o Recent (plataforma de e-mails pensada para devs), Expo Router e o hosting do EAS, iniciar o envio de e-mails transacionais ou de listas ficou tão simples quanto rodar um comando. Todo processamento e segurança ficam sob o capô, liberando seu time para focar experiência e resultado.
Monte sua fundação: crie contas Recent e Expo
Para começar, abra sua conta no Recent (responsável por enviar os e-mails) e outra no Expo (que permite o deploy com EAS e gerenciamento do app front+back). Dois cadastros, zero fricção. Uma vez logado, você verá o painel do Recent pronto para criar audiências, gerenciar contatos e definir chaves de API seguras.
ℹ️Atenção
Mantenha as chaves de API Recent longe do código do cliente! Elas permitem disparar qualquer e-mail e NÃO devem ser expostas publicamente nem no GitHub. Faça toda integração server-side.
Administrando audiência: listas de contatos em segundos
No dashboard Recent, crie uma audiência (uma lista para centralizar quem receberá emails). Ideal para newsletters, espera, onboarding e campanhas. Cada audiência gera um ID único, que será usado nas requisições server-side da sua aplicação para automatizar a inclusão (ou remoção) de contatos.
Chave de API Recent: segurança e boas práticas
No painel Recent, crie uma chave de API. Sempre escolha a permissão mínima (full acesso só se for necessário). Copie e armazene essa chave fora do repositório do projeto. Integre via variáveis de ambiente no arquivo .env.local e garanta que o mesmo está listado no .gitignore – evitando vazamentos acidentais.
⚠️Atenção
Jamais versionar sua chave de API! Perdeu, vazou ou suspeitou? Revogue imediatamente e gere outra.
Variáveis no Expo: sem segredos no cliente, só no server
Expo permite criar variáveis públicas e privadas. Use prefixo EXPO_PUBLIC_ apenas para valores necessários no app cliente. A chave da Recent precisa ser referenciada como variável normal, usada exclusivamente no backend ou rotas API. Segurança sempre vem primeiro.
Instale o SDK Recent com Expo
Use o comando npx expo install recent para adicionar ao seu projeto. Lembre que o SDK é voltado para uso em rotas server-side/API. Mantenha as dependências atualizadas e confira eventuais breaking changes na documentação oficial.
Estruture a API Route com Expo Router
Utilize o Expo Router para criar endpoints do tipo /api/nomedarota.ts. Isso permite rodar código server-side junto do seu app, ideal para receber o e-mail do usuário e adicionar à audiência Recent usando a chave da API, sem jamais expor ao cliente.
ℹ️Atenção
Para executar código de backend no Expo Router, configure seu app.json para “output: server”. Assim o EAS gera rotas HTTP de verdade no deploy.
Testando local: da coleta de e-mail ao post na API
Implemente a tela de input de e-mail do usuário. No submit, faça o POST para sua rota /api/audiencia criada via Router Expo. Sempre valide campos e resposta, retornando sucesso: true ao cliente. Centralize suas URLs base em variável ambiente para fácil troca local/produção.
Integração final: chame a Recent na API Route
No backend, use o SDK Recent para adicionar o contato à audiência usando o e-mail recebido. Faça a validação, retorne resposta consistente e prepare-se para lidar com duplicidades ou erros (por exemplo, e-mails inválidos).
❌Atenção
Para produção real, confirme o e-mail antes de adicionar à audiência. Considere double opt-in e políticas anti-spam, seguindo os guias de higiene do Recent.
Automatize e-mails de onboarding, lista de espera, eventos e mais
Uma vez cadastrado na lista, aproxime do usuário: envie campanhas de boas-vindas, confirme cadastro, notifique oportunidades, segmente comunicações – sempre via Recent. O controle da audiência está todo no painel, pronto para campanhas e analytics.
EAS Hosting: deploy de rotas API sem dor de cabeça
Faça deploy de seu app (incluindo API routes) usando eas deploy --production após exportar a versão web. Defina variáveis em produção, ajuste a baseURL do client e aproveite o domínio .expo.app gratuito para usar HTTPS e escalar sua app sem perder segurança.
Manutenção, logs e rastreabilidade no Recent
Use o dashboard Recent para analisar entregas, taxas, rejeições e saúde da lista. Revogue contatos inativos, escale para listas maiores e monitore reputação de envio. Configure alertas customizados para identificar falhas ou spikes de uso.
Open Source e exemplos prontos: economize meses
O código completo usado neste tutorial é open source e multiplataforma (iOS, Android, Web). Clone, customize e adapte – acelerando o lançamento das suas newsletters, listas de espera e fluxos de engajamento. Link direto nos comentários do canal Dev Doido no Youtube, com updates e respostas de dúvidas.
Checklist de melhores práticas e conclusões finais
Resumindo: nunca expor chave de API em código cliente; use API route/backend; valide dados; use double opt-in se possível; monitore entregabilidade; segmente suas audiências; version control nos secrets; só mande e-mail que seu usuário pediu. Com Expo + Recent + EAS, tudo isso é possível, escalável e muito mais fácil.
✅Sucesso
Integrar envio de e-mails transacionais nunca foi tão seguro e prático no universo React Native – e esse é um diferencial chave para apps profissionais. Domine esse stack e eleve seu produto ao próximo nível.