Sari la conținut

Integrare email transactional

Integrare Resend — email transactional rapid pentru stack-uri moderne

Integram Resend cu Next.js, WordPress sau magazinul tau: 3000 email/luna gratuit, React Email templates type-safe, DKIM custom domain automat, webhooks pentru bounce si delivery. Implementare in 2-5 zile.

3000 email/luna gratuit
React Email native
DKIM auto + SPF
Webhooks bounce/delivery

Ce primesti

Integrare Resend completa, type-safe, productie-ready

Setup cont Resend + DNS

Configurare cont Resend cu plan optim pentru volumul tau (Free pana la 3000/luna sau Pro pentru 50k+). Setare DKIM, SPF si DMARC pe domeniul tau cu verificare propagare. Custom domain verificat in 24-48h. Documentatie cu credentialele si recovery setup.

Templates React Email custom

Cream 3-5 template-uri React Email branded: welcome user, confirmare comanda, factura PDF atasata, resetare parola, notificare suport. Toate type-safe cu props TypeScript, preview live in browser, suport dark mode si Outlook. Componente reutilizabile pentru header/footer/buttons.

Wrapper functii send + retry

Functii TypeScript pentru send cu validare Zod, retry logic exponential backoff, error handling structured. Rate limiting client-side ca sa nu depasesti limita Resend. Logging la fiecare send cu trace ID pentru debugging. Helpers pentru attachments si reply-to.

Webhooks bounce + delivery

Endpoint Next.js Route Handler care primeste evenimente Resend (email.sent, email.delivered, email.bounced, email.complained). Verificare HMAC signature cu svix-webhooks. Salvare events in DB (Postgres/SQLite). Alertare automata la bounce rate peste 5%.

Dashboard metrici trimitere

Pagina admin simpla unde vezi: total email-uri trimise pe ultima luna, rata de delivery, bounce rate, complaint rate, top templates folosite, cost lunar estimat. Filtre pe tip email (transactional/marketing) si interval date. Export CSV pentru audit.

Audience management optional

Daca trimiti si newsletter (nu doar transactional), setam Resend Audiences cu unsubscribe automat, double opt-in, segmentare pe tags. Conform GDPR cu consimtamant logat. Sync cu CRM-ul tau (HubSpot, Notion, Postgres) prin webhooks bidirectional.

GDPR + ANSPDCP compliant

Footer cu unsubscribe link obligatoriu pe marketing email-uri. Logging consimtamant cu IP si timestamp. Data Processing Agreement intre Resend (procesator) si firma ta. Resend e GDPR compliant cu servere EU disponibile. DPIA scrisa pentru email-uri cu date sensibile.

Documentatie + training echipa

Documentatie Notion/Markdown cu toate functiile, exemple de utilizare, troubleshooting comun. Video training 30-45 min cu echipa ta despre cum sa trimita email-uri noi si sa adauge template-uri. Cod sursa al tau, fara vendor lock-in. 30 zile suport bug-uri inclus.

Cum functioneaza integrarea

De la cont nou Resend la productie in 2-5 zile lucratoare

Ziua 1

Discovery + setup cont Resend

Discutie 30 min despre volumul de email-uri, tipuri (welcome, comanda, factura), stack-ul tau (Next.js, WordPress, Shopify). Alegem planul Resend potrivit. Cream cont, generam API key, salvam securizat in vault (1Password sau env vars).

Ziua 1-2

Configurare DNS + verificare domeniu

Adaugam in zona DNS a domeniului tau: DKIM (TXT record cu cheia publica generata de Resend), SPF (include _spf.resend.com), DMARC (policy p=none initial, apoi p=quarantine dupa testare). Asteptam propagare 24-48h, verificam cu dig si MXToolbox.

Ziua 2-3

Implementare cod: POST api.resend.com/emails

Apel API standard: POST https://api.resend.com/emails cu header Authorization: Bearer RESEND_API_KEY, body JSON cu from, to, subject si react (componenta TSX) sau html (string). Raspuns include email ID pentru tracking. Wrapper functions cu validare Zod, retry logic exponential, error handling typed.

Ziua 3-4

Templates React Email custom

Cream componentele TSX pentru fiecare tip email (welcome, comanda, etc.) cu props tipate. Folosim @react-email/components (Heading, Button, Container) sincronizate cu brand-ul site-ului. Preview live in browser cu react-email dev. Export ca HTML inline pentru clienti email vechi (Outlook 2007).

Ziua 4

Webhooks events: bounce, complaint, delivery

Setam endpoint Next.js Route Handler /api/webhooks/resend care primeste POST cu events de la Resend. Verificam HMAC signature cu svix-webhooks library pentru securitate. Salvam events in baza de date (Postgres/SQLite). Alertare Slack/email daca bounce rate depaseste 5% in 24h.

Ziua 5

Testare end-to-end + go-live

Testare cu Resend sandbox ([email protected]) pentru a nu consuma cota. Trimitem email-uri reale catre echipa ta pentru validare rendering pe Gmail, Outlook, Apple Mail, Yahoo. Activam in productie cu feature flag. Monitoring 48h post-launch cu alertare daca rata de bounce creste neasteptat.

Stack suportat

Resend merge cu orice stack — iata ce am integrat pana acum

Next.js custom

Recomandat

Integrare native cu Server Actions sau Route Handlers. SDK oficial Resend pentru TypeScript. React Email components SSR.

Astro

Excelent

API routes Astro cu SDK Resend. React Email functioneaza in Astro daca ai @astrojs/react. Ideal pentru blog-uri si site-uri statice.

WooCommerce

Via SMTP plugin

Plugin WP Mail SMTP cu credentials Resend, sau plugin oficial Resend SMTP. Inlocuieste email-urile native WordPress cu deliverability mai bun.

Shopify

Partial

Nu poti inlocui email-urile native Shopify, dar putem trimite email-uri suplimentare via app custom (Remix Shopify App) cu Resend.

WordPress headless

Excelent

Frontend Next.js cu Resend pentru email-uri, WordPress doar pentru content. Cea mai buna combinatie pentru performance si DX.

PrestaShop

Via SMTP

Configurare SMTP cu smtp.resend.com:465 si username 'resend' + password = API key. Inlocuieste email-urile tranzactionale native.

Magento 2

Modul custom

Modul custom Magento pentru a apela API Resend la evenimente order_placed, customer_register. Nu exista extensie oficiala inca.

PHP custom / Laravel

Excelent

Driver oficial Laravel Resend (composer require resend/resend-laravel). Pentru PHP pur: cURL direct catre api.resend.com/emails.

Detaliu tehnic

Cum arata un apel Resend in cod

Trimiterea unui email se face printr-un POST simplu catre api.resend.com/emails cu Bearer API key in header si body JSON. Suporta atat HTML brut cat si componente React renderizate server-side. Webhooks events vin pe endpoint-ul tau pentru bounce, complaint si delivery.

POST https://api.resend.com/emails
Authorization: Bearer re_xxxxxxxxxxxxxxxxxx
Content-Type: application/json

{
  "from": "[email protected]",
  "to": ["[email protected]"],
  "subject": "Comanda #1234 confirmata",
  "react": <OrderConfirmation order={order} />,
  "headers": { "X-Entity-Ref-ID": "order_1234" }
}

// Webhook events pe /api/webhooks/resend:
// email.sent, email.delivered, email.bounced, email.complained

Preturi implementare

Pret transparent dupa complexitate si volum

Basic

300€

livrare 2-3 zile

  • Setup cont Resend + DNS (DKIM/SPF)
  • 1-2 template-uri HTML simple
  • Wrapper send TypeScript
  • Logging basic in DB
  • Documentatie scrisa
  • 30 zile suport bug-uri
Cere oferta

Standard

750€

livrare 4-5 zile

  • Setup complet + DMARC policy
  • 5 template-uri React Email custom
  • Webhooks bounce/complaint/delivery
  • Dashboard admin metrici
  • Retry logic + rate limiting
  • Integrare CRM (HubSpot/Notion)
  • Video training echipa 1h
  • 60 zile suport bug-uri
Cere oferta

Custom

1200€+

livrare 7-14 zile

  • Audience management + segmentare
  • 10+ template-uri branded
  • Newsletter cu unsubscribe GDPR
  • Sync bidirectional CRM/ERP
  • Multi-domain setup
  • A/B testing template-uri
  • SLA dedicat + monitoring 24/7
  • 90 zile suport + 2h mentenanta/luna
Cere oferta

Ce influenteaza pretul

  • Numar template-uri custom (fiecare extra: 80-150€)
  • Complexitate componente React Email (interactivitati, atasamente)
  • Integrari sisteme externe (CRM, ERP, baza de date)
  • Volum email-uri/luna (afecteaza planul Resend, nu implementarea)
  • Cerinte GDPR speciale (DPIA, audit, EU-only servers)
  • Suport multi-domeniu (3+ domains: +200€)
  • Migrare de pe alt furnizor (SendGrid, Mailgun): +250€
  • Mentenanta lunara (opt-in): 50-150€/luna

Cui se potriveste

  • Magazine online Next.js / Astro cu 100-5000 comenzi/luna
  • SaaS B2B care trimit welcome, resetare parola, notificari
  • Firme cu site Next.js care vor email-uri tranzactionale fiabile
  • Echipe care folosesc React si vor templates type-safe
  • Firme care au probleme deliverability cu SMTP shared (Gmail, OVH)
  • Proiecte noi 2026 care nu vor lock-in SendGrid sau Mailgun

Cui NU se potriveste

  • Firme care trimit doar newsletter marketing (folositi Mailchimp/Brevo)
  • Volume peste 1M email/luna — Amazon SES e mai economic
  • Cerinte HIPAA stricte — Paubox sau LuxSci sunt construite pentru asta
  • Firme care nu au domeniu propriu (Resend cere DKIM custom)
  • Proiecte care nu au programator disponibil pentru integrare API
  • Echipe care prefera UI no-code in stilul Mailchimp Mandrill

Intrebari frecvente

Ce ne intreaba firmele inainte sa aleaga Resend

Cat costa real Resend si cand depasesc planul gratuit?

Resend ofera 3000 email-uri/luna gratuit pe planul Free (cu rate limit 10/secunda si 1 domeniu custom). Planul Pro porneste de la 20$/luna pentru 50.000 email-uri si include 10 domenii, audience management si suport prioritar. Pentru volume mari: 90$/luna la 100k email-uri, 400$/luna la 500k. In RON, planul Pro costa aproximativ 95 RON/luna. Comparat cu SendGrid (20$/40k) sau Postmark (15$/10k), Resend e mai ieftin la volume mici-medii. Pentru un magazin online cu 200-500 comenzi/luna (1000-2500 email-uri tranzactionale), planul gratuit e suficient ani de zile.

Resend vs SendGrid vs Postmark vs Mailgun — care e diferenta reala?

Resend: cel mai modern API (lansat 2023 de fosti Vercel/YC), React Email native, developer experience excelent, deliverability foarte buna. Postmark: cel mai bun deliverability istoric (98%+), focus exclusiv pe transactional, dar API mai vechi si scump. SendGrid: cel mai matur, multe features marketing, dar API complicat si UI confuz dupa achizitia Twilio. Mailgun: bun pentru volume mari, pricing competitiv, dar deliverability inegal pe IP-uri shared. Recomandare: Resend pentru proiecte noi cu Next.js/React, Postmark daca deliverability e critic (medical, legal), SendGrid doar daca ai deja conturile setate.

Cat dureaza implementarea Resend si ce face exact integrarea voastra?

Implementare standard: 2-5 zile lucratoare in functie de complexitate. Ce includem: 1) Setup cont Resend cu DKIM, SPF, DMARC pentru domeniul tau (verificare DNS 24-48h pana propaga). 2) Configurare API key in environment variables securizat. 3) Templates React Email (3-5 template-uri custom: welcome, comanda, resetare parola, factura, newsletter optional). 4) Wrapper functii TypeScript pentru send cu retry logic si error handling. 5) Webhooks pentru bounce/complaint/delivery cu logging in baza de date. 6) Dashboard simplu pentru a vedea email-uri trimise si rata de deliverability. 7) Testare end-to-end cu Mailtrap sau Resend sandbox.

Pe ce stack-uri pot integra Resend — merge cu WooCommerce sau doar Next.js?

Resend functioneaza cu orice stack care poate face HTTP requests catre api.resend.com. Native si recomandat: Next.js (App Router, Server Actions), Remix, Astro, Nuxt, SvelteKit. Plugins oficiale: WordPress (plugin Resend SMTP), Laravel (Resend driver), Rails. Pentru WooCommerce: plugin SMTP cu credentials Resend, sau cod custom in functions.php pentru email-uri tranzactionale specifice. Pentru Shopify: nu se poate inlocui sistemul nativ de email, dar putem trimite email-uri suplimentare via app custom. PHP custom, Python (FastAPI/Django), Node.js Express: integrare directa via SDK oficial sau API REST.

Ce e React Email si de ce conteaza pentru email-urile transactionale?

React Email este o librarie open-source de la echipa Resend care iti permite sa scrii template-uri de email in JSX/TSX cu componente reutilizabile, exact ca site-ul tau. Avantaje vs HTML clasic: 1) Type-safety cu TypeScript (nu mai uiti variabile). 2) Componente reutilizabile (header, footer, button) sincronizate cu brand-ul site-ului. 3) Preview live in browser cu hot-reload. 4) Render server-side cu props dinamice. 5) Suport automat pentru dark mode si clienti email problematici (Outlook). 6) Export ca HTML inline pentru clienti vechi. Inlocuieste solutiile clasice ca MJML sau Foundation Emails cu un DX modern.

Care sunt erorile comune cu Resend si cum le rezolvati?

Top 5 erori intalnite: 1) Domain not verified (DKIM/SPF nepropagat) — asteptam 24-48h dupa setarea DNS si verificam cu dig sau MXToolbox. 2) Rate limit exceeded (10/sec pe Free) — implementam queue cu BullMQ sau Inngest pentru burst-uri. 3) Invalid from address — folosim doar adrese de pe domenii verificate, nu emailuri free (gmail, yahoo). 4) Webhook signature invalid — verificam corect HMAC signature cu svix-webhooks library. 5) Email-uri in spam la primii destinatari — warm-up domeniu cu trafic gradual, configurare DMARC policy corect (p=none la inceput, apoi p=quarantine). Logging complet la fiecare send pentru debugging rapid.

Ce suport tehnic oferiti dupa implementare si cat costa mentenanta?

Inclus in pretul de implementare: 30 zile suport pentru bug-uri si intrebari (raspuns in maxim 24h email). Documentatie scrisa cu toate functiile si exemple de utilizare. Video training 30-45 min pentru echipa ta. Cod sursa livrat (al tau, nu vendor lock-in). Optional, pachet mentenanta lunara 50€/luna care include: monitorizare webhooks si rata bounce, update SDK Resend la versiuni noi, adaugare 1-2 template-uri noi/luna, debugging email-uri care nu ajung, raport lunar cu metrici de deliverability. Pentru clienti cu volume mari (peste 50k email/luna): SLA dedicat la 150€/luna cu suport 4h pentru incidente.

Cand NU recomandati Resend si ce alternativa propuneti?

Nu recomandam Resend cand: 1) Ai nevoie de marketing email mass cu segmentare avansata, A/B testing complex, automatizari multi-step — atunci Mailchimp, Brevo sau ActiveCampaign sunt mai potrivite. 2) Trimiti peste 1 milion email-uri/luna — la volum mare, Amazon SES (0.10$/1000) sau Postmark Enterprise sunt mai economice. 3) Ai cerinte foarte stricte de compliance (HIPAA medical) — Paubox sau LuxSci sunt construite pentru asta. 4) Vrei sa folosesti Mailchimp deja existent pentru transactional — atunci Mandrill (add-on Mailchimp) merita considerat. Pentru 90% din proiectele B2B si e-commerce moderne din Romania, Resend ramane prima recomandare datorita pretului, DX-ului si calitatii deliverability.

Integrari complementare

Email-ul e o parte — vezi celelalte integrari email pe care le facem

Vrei integrare Resend?

Email-uri tranzactionale care chiar ajung la inbox, nu in spam

Trimite-ne stack-ul tau (Next.js, WordPress, Shopify, custom) si volumul lunar de email-uri. Iti recomandam planul Resend potrivit si trimitem oferta detaliata in 4 ore.