Lecția 1, Resend, alegerea implicită prietenoasă cu developerii

• Gratuit până la 3.000 de emailuri/lună, 100/zi.

• REST API + React Email pentru template-uri.

• Dashboard de deliverability integrat.

• Setup, adaugă un domeniu, setează 3 înregistrări DNS (SPF, DKIM, DMARC), verifică, lansează.

Lecția 2, Loops, pentru emailul de marketing

• Gratuit până la 1.000 de contacte.

• Flow builder vizual, perfect pentru secvențe de bun venit.

• Folosește-l pentru, lead magnets, newslettere săptămânale, campanii drip.

• Resend + Loops împreună = tranzacțional + marketing, acoperite.

Generează cod Next.js 15 App Router pentru, 1) o componentă de formular de contact cu name, email, message, cu validare React Hook Form + Zod, 2) o rută /api/contact care folosește Resend pentru a trimite un email de notificare către proprietarul site-ului și un email de confirmare către utilizator, 3) stări UI de succes și eroare, 4) câmp honeypot pentru protecție anti-spam, 5) rate limiting după IP-ul request-ului. Folosește componente shadcn/ui.

Lecția 3, Bune practici pentru formulare

• Include mereu câmpuri honeypot (ascunse, boții le completează).

• Aplică mereu rate limiting (Vercel KV sau Upstash Redis).

• Validează mereu pe server cu Zod.

• Arată o stare clară de succes, nu doar un redirect.

• Trimite un email de confirmare ca utilizatorul să știe că mesajul lui a ajuns.

• Salvează trimiterile în Supabase ca backup, în caz că emailul eșuează.

Lecția 4, Template-uri React Email

• React Email îți permite să construiești emailuri cu componente.

• Fă preview în dev cu `npm run email`.

• Se ocupă automat de dark mode, responsive, fallback plain-text.

• Resend vine cu integrarea React Email din prima.

Lecția 5, Setup DNS care previne folderul de spam

• Înregistrarea SPF, declară că Resend poate trimite pentru domeniul tău.

• Înregistrarea DKIM, semnează emailurile cu o cheie.

• Înregistrarea DMARC, spune destinatarilor ce să facă cu emailurile nesemnate.

• Resend îți dă exact înregistrările, tu le lipești în Cloudflare sau Namecheap.

• Verifică înainte să trimiți email real. Folosește mail-tester.com ca să obții un scor.

Lecția 6, Tipuri de email pe care le vei livra pentru clienți

• Notificare + confirmare pentru formularul de contact.

• Email de bun venit (după înscriere).

• Confirmare de comandă.

• Resetare de parolă / magic link.

• Newsletter de marketing (folosește Loops, nu Resend).

• Chitanță / factură.

• Notificare de livrare.

• Fiecare înseamnă 30 până la 60 de minute de muncă după ce ai pattern-urile.