الإيميل

الهدف

بعد هالدرس تقدر تربط Resend، تبني قالب إيميل بـ React Email، وترسل welcome email تلقائيا عند التسجيل ووصل دفع بعد كل اشتراك.

ليش هذا الحين؟

الـ admin panel جاهز والتطبيق يشتغل كامل — الحين نضيف القناة اللي تربط المستخدم بتطبيقك خارج المتصفح. الإيميل مو optional — welcome email ترفع الـ activation بـ 30%، ووصل الدفع يبني الثقة. بدونهم، المستخدم يحس إن ماكو أحد من الطرف الثاني.

الفكرة

Resend هو خدمة بريد إلكتروني بواجهة برمجية (API) حديثة مبنية للـ developers — مو MailChimp للـ marketing، هذا transactional email بـ API نظيف.

React Email هو مكتبة تبني قوالب الإيميل بـ JSX — نفس الطريقة اللي تبني فيها UI، بس النتيجة HTML متوافق مع كل clients.

Domain verification: المفروض تضيف سجلات إثبات هوية المرسل (DKIM و SPF و DMARC) لـ DNS. بدونهم الإيميل يروح Spam. Resend يعطيك القيم الجاهزة.

الإيميل مو متزامن مع الـ request: لو خليت المستخدم ينتظر إرسال الإيميل قبل ما ترجع الـ response، هذا يبطّئ كل شي. أرسل الإيميل في background بـ resend.emails.send بدون await — أو حطه في Stripe webhook.

وصل الدفع: Stripe يرسل وصل تلقائيا — بس لو تبي custom design، تبنيه في الـ invoice.paid webhook.