Vibe coding
Pilíř B · Workshop 00Draft
2 min čtení

Resend — transakční e-maily v aplikaci

Pozor

Tento workshop teprve připravujeme. Níže je rámec toho, co bude pokrývat — strukturu, výstupy a předpoklady. Plný obsah doplníme.

Proč to děláme#

E-mail je jediná spolehlivá komunikace s uživatelem mimo aplikaci samotnou. Bez něj nemůžeš poslat:

  • Confirmation e-mail po registraci („klikni a ověř adresu")
  • Password reset odkaz
  • Notifikace („někdo komentoval tvůj příspěvek")
  • Faktury / potvrzení objednávky
  • Týdenní digesty

Tomuhle se říká transakční e-maily (oproti marketingovým = newsletter). Pro vibe coding stack je nejčistší volbou Resend — moderní e-mail API navržené pro vývojáře, šablony jako React komponenty, dobré ceny, jednoduchá doménová verifikace.

Co se naučíš#

  • Rozdíl mezi transakčním a marketingovým e-mailem (a proč to není totéž)
  • Srovnání Resend, Postmark, SendGrid — kdy který
  • Doménová verifikace: SPF, DKIM, DMARC — co to je, proč to potřebuješ a proč Gmail zahodí e-maily bez nich
  • Šablony e-mailů jako React Email komponenty — design v Claude Design, kód v Lovable
  • Posílání e-mailu z aplikace (z Lovable / Supabase Edge funkce)
  • Test bez spamu (Resend test mode, MailHog lokálně)

Předpoklady#

Co budeme pokrývat#

  1. Co poslat a kdy — taxonomie transakčních e-mailů
  2. Setup Resend — registrace, ověření domény (SPF/DKIM)
  3. První e-mail z Lovable — prompt → konfigurace → odeslání
  4. React Email šablony — design v Claude Design, kód generovaný, sync zpět
  5. Trigger z aplikace — Supabase Edge funkce při insertu/updatu
  6. Doručitelnost (deliverability) — proč Gmail/Outlook občas zahazují, jak se tomu vyhnout
  7. Limity, ceny a růst — kdy přejít z $0 na placený plán

Otestuj se předem#

Kvíz

Posíláš z aplikace password reset e-mail z adresy noreply@mujprojekt.cz. Gmail uživatelé hlásí, že e-maily padají do spamu nebo nedorazí. Co je nejčastější příčinou?