Email Templates (MJML / React Email)

Advanced Ecosystem 🟡 Mid

Definition

Frameworks pour créer des emails HTML responsives. MJML utilise un langage de balisage dédié, React Email utilise des composants React transpilés en HTML compatible email.

Analogie

Un moule à gâteau pour emails : vous choisissez la forme, le contenu s'adapte automatiquement à tous les fours (clients email).

Exemple de code

// React Email component
import { Html, Button, Text } from '@react-email/components';
export function WelcomeEmail({ name, url }) {
  return (
    <Html>
      <Text>Bienvenue {name} !</Text>
      <Button href={url}>Confirmer</Button>
    </Html>
  );
}

Cas d'usage

Créer des emails professionnels responsives compatibles Outlook, Gmail et Apple Mail.

Anti-pattern

Coder des emails en HTML/CSS classique, obtenant un rendu cassé sur la moitié des clients email.

Termes lies

#communication#frontend