Integrazione di Resend

Scopri come integrare Resend nella tua applicazione Lovable

​

Che cos’è Resend?

Resend è un’API per email pensata per gli sviluppatori. È focalizzata su un’elevata affidabilità di recapito, sulla facilità di integrazione e su un’esperienza per sviluppatori semplice e lineare per l’invio di email transazionali e di marketing.

​

Tutorial passo dopo passo

Questo tutorial ti guida nella creazione di un CRM completamente funzionante in meno di un’ora, con acquisizione dei lead, conferma via email, iscrizione alla newsletter e una dashboard amministrativa interna. Utilizzerai:

• Lovable: per generare il front end e la logica del backend.
• Supabase: per l’archiviazione sicura dei dati e l’autenticazione.
• Resend: per automatizzare e monitorare le email transazionali e di marketing.

Iniziamo.

1. Crea una landing page con un form di contatto

   Usa l’AI di Lovable per generare rapidamente una landing page per il tuo prodotto o servizio.

   Istruzioni:
2. Salvare gli invii del form in Supabase

   Supabase è il tuo database backend sicuro.
3. Inviare email di conferma con Resend

   Configura Resend per inviare email di conferma automatiche ogni volta che un lead invia il modulo.
4. Crea un pannello di amministrazione sicuro

   Consenti solo agli utenti autenticati di visualizzare e gestire i lead.
5. Abilita risposte email personalizzate da parte dell’amministratore

   Consenti al tuo team di inviare follow-up personalizzati.
6. Aggiungi un modulo di iscrizione alla newsletter

   Usa Audiences di Resend per gestire gli iscritti e inviare email broadcast.

   
7. BONUS: Collegare Resend a Supabase Auth

   

   Vuoi migliorare il sistema di autenticazione via email predefinito di Supabase (che ti limita a 4 email/ora)?
8. Ritocchi finali e buone pratiche

   

   • Gestione degli errori: Lovable potrebbe mostrare errori di build che sono falsi positivi. Verifica sempre dal vivo la funzionalità.
   • Ripristino con Supabase: Se ripristini il codice in Lovable, ricordati di eliminare manualmente le policy o le migrazioni associate in Supabase: non vengono annullate automaticamente.
   • Suggerimenti per la deliverability delle email:
     • Usa sottodomini per isolare la reputazione del mittente.
     • Includi sempre una versione in testo semplice della tua email.
     • Monitora le prestazioni delle email tramite la dashboard degli insight di Resend.
9. Tutto fatto! 🎉

   In meno di un’ora, hai costruito un CRM moderno con:

   • Una landing page e un modulo di contatto
   • Archiviazione dei lead tramite database
   • Conferme email automatizzate
   • Dashboard di amministrazione per la gestione dei lead
   • Risposte email personalizzate
   • Invio di newsletter
   • Autenticazione e verifica dell’email

​

Vuoi fare un passo in più?

• Aggiungi il supporto per l’invio programmato di email tramite cron job di Supabase
• Crea flussi di automazione per inviare email in base alle fasi dei lead
• Personalizza la tua interfaccia utente per aumentare la fiducia nel brand e le conversioni

​

Domande frequenti sull’integrazione con Resend

Che cos'è Resend?

Resend è un’API email pensata per gli sviluppatori. È focalizzata su un elevato tasso di recapito, sulla facilità di integrazione e su un’esperienza di sviluppo pulita per l’invio di email transazionali e di marketing.

Ho bisogno di un piano a pagamento di Resend per seguire questo tutorial?

No. Puoi completare l’intera configurazione del CRM utilizzando il piano gratuito di Resend, che supporta l’invio di email da un dominio verificato e fino a 3.000 contatti per le email di marketing.

Come faccio a verificare un dominio in Resend?

Vai su Resend → Domains → aggiungi il tuo dominio. Ti verranno forniti record DNS (TXT, MX) da aggiungere tramite il tuo provider DNS (ad esempio Cloudflare, Namecheap). Una volta aggiunti, fai clic su Verify.

Usa un sottodominio come updates.yourdomain.com per isolare la reputazione del tuo dominio email.

Perché le mie email inviate con Resend finiscono nello spam?

Ci sono alcuni motivi comuni:

• Non hai verificato il tuo dominio
• L’email non ha una versione in testo semplice
• Stai inviando da un mittente generico come [e-mail]
• Non stai seguendo le best practice (ad esempio, mancano i link di cancellazione nelle email di marketing)

Usa il pannello Deliverability Insights di Resend per ottenere suggerimenti pratici.

Posso personalizzare il design delle email che invio?

Sì. Usa React Email — una libreria open-source del team di Resend — per progettare email stilizzate e responsive usando componenti React.

Resend supporta le email di marketing o solo quelle transazionali?

Resend supporta entrambe:

• Email transazionali (conferma, reset, notifiche) usando l’API o l’SDK.
• Email di marketing tramite la funzionalità Broadcast e le Audiences.

Puoi creare, visualizzare in anteprima e tracciare le campagne dalla dashboard.

Come gestisco gli iscritti alla newsletter in Resend?

Usa le Audiences:

• Aggiungi contatti manualmente, tramite CSV o in modo programmatico usando l’API.
• Ogni Audience ha un ID univoco che puoi usare per associare le iscrizioni.
• Gli utenti possono cancellarsi automaticamente tramite il link di disiscrizione integrato di Resend.

Posso configurare il double opt-in per le newsletter?

Non in modo predefinito, ma puoi implementarlo manualmente:

1. All’invio del modulo, invia un’email di conferma iniziale.
2. Chiedi agli utenti di fare clic su un link.
3. Al clic, conferma la loro iscrizione e aggiungili alla tua Audience in Resend.

Posso programmare o automatizzare i flussi di email in Resend?

Non ancora. Al momento Resend non supporta campagne drip o sequenze automatizzate.

Soluzione alternativa:

Usa i Supabase Cron Jobs per programmare attività che attivano email di Resend a intervalli prestabiliti.

Come collego Resend a Supabase Auth?

Usa l’integrazione ufficiale Supabase di Resend:

1. Autenticati con il tuo Progetto Supabase.
2. Fornisci un dominio e un nome mittente.
3. Resend configura automaticamente le email di autenticazione di Supabase per usare il tuo account Resend.

Come gestisce Resend le disiscrizioni?

Resend elabora automaticamente le disiscrizioni:

• Devi includere un link di disiscrizione nelle email inviate tramite Broadcast.
• Quando un utente si disiscrive, viene rimosso dall’Audience selezionata.
• Questo è richiesto per la conformità alle normative sulle email (ad esempio, CAN-SPAM, GDPR).