{
  "version": "https://jsonfeed.org/version/1.1",
  "title": "Frontmail – Tutoriels",
  "description": "Des tutoriels pas à pas avec code et courte vidéo : créez un formulaire de contact ou de demande de devis qui vous envoie des e-mails – sur un site web, dans Flutter, React Native, Kotlin ou Swift. Sans backend.",
  "home_page_url": "https://frontmail.dev/fr/tutorials/",
  "feed_url": "https://frontmail.dev/fr/tutorials/feed.json",
  "icon": "https://frontmail.dev/apple-touch-icon.png",
  "favicon": "https://frontmail.dev/favicon.svg",
  "language": "fr",
  "items": [
    {
      "id": "https://frontmail.dev/fr/tutorials/contact-form-website/",
      "url": "https://frontmail.dev/fr/tutorials/contact-form-website/",
      "title": "Comment ajouter un formulaire de contact à votre site web sans backend",
      "summary": "Un simple formulaire de contact en HTML qui vous envoie chaque message par e-mail – sans serveur, sans PHP, sans plugin. Compatible avec tout site statique, du HTML écrit à la main à Astro, Hugo ou WordPress.",
      "image": "https://frontmail.dev/videos/tutorials/contact-form-website.webp",
      "date_published": "2026-09-29T00:00:00.000Z",
      "date_modified": "2026-09-29T00:00:00.000Z",
      "language": "fr",
      "tags": [
        "Site web",
        "Formulaire de contact",
        "formulaire de contact",
        "formulaire html",
        "envoyer un e-mail depuis un formulaire",
        "site statique",
        "formulaire sans backend",
        "html",
        "javascript",
        "astro",
        "hugo",
        "wordpress",
        "alternative à emailjs"
      ],
      "attachments": [
        {
          "url": "https://frontmail.dev/videos/tutorials/contact-form-website.mp4",
          "mime_type": "video/mp4",
          "title": "Comment ajouter un formulaire de contact à votre site web sans backend (video, English)",
          "duration_in_seconds": 42
        }
      ],
      "_frontmail": {
        "slug": "contact-form-website",
        "platform": "web",
        "use_case": "contact-form",
        "platform_label": "Site web",
        "use_case_label": "Formulaire de contact",
        "video_url": "https://frontmail.dev/videos/tutorials/contact-form-website.mp4",
        "video_language": "en",
        "poster_url": "https://frontmail.dev/videos/tutorials/contact-form-website.webp"
      }
    },
    {
      "id": "https://frontmail.dev/fr/tutorials/inquiry-form-website/",
      "url": "https://frontmail.dev/fr/tutorials/inquiry-form-website/",
      "title": "Comment créer un formulaire de demande de devis pour votre site web",
      "summary": "Un formulaire de demande de devis avec prestation, budget et échéance, reçu dans votre boîte mail sous forme d’e-mail clair – avec une confirmation automatique pour le client. Sans backend, en HTML pur.",
      "image": "https://frontmail.dev/videos/tutorials/inquiry-form-website.webp",
      "date_published": "2026-09-29T00:00:00.000Z",
      "date_modified": "2026-09-29T00:00:00.000Z",
      "language": "fr",
      "tags": [
        "Site web",
        "Formulaire de demande de devis",
        "formulaire de demande de devis",
        "formulaire de devis",
        "demande de devis en ligne",
        "formulaire de prospection",
        "génération de leads",
        "réponse automatique",
        "html",
        "javascript",
        "site statique"
      ],
      "attachments": [
        {
          "url": "https://frontmail.dev/videos/tutorials/inquiry-form-website.mp4",
          "mime_type": "video/mp4",
          "title": "Comment créer un formulaire de demande de devis pour votre site web (video, English)",
          "duration_in_seconds": 42
        }
      ],
      "_frontmail": {
        "slug": "inquiry-form-website",
        "platform": "web",
        "use_case": "inquiry-form",
        "platform_label": "Site web",
        "use_case_label": "Formulaire de demande de devis",
        "video_url": "https://frontmail.dev/videos/tutorials/inquiry-form-website.mp4",
        "video_language": "en",
        "poster_url": "https://frontmail.dev/videos/tutorials/inquiry-form-website.webp"
      }
    },
    {
      "id": "https://frontmail.dev/fr/tutorials/contact-form-flutter/",
      "url": "https://frontmail.dev/fr/tutorials/contact-form-flutter/",
      "title": "Comment créer un formulaire de contact dans Flutter qui envoie des e-mails",
      "summary": "Un formulaire de contact Flutter qui vous envoie chaque message par e-mail – sans backend, sans mot de passe SMTP dans l’application. Fonctionne sur Android, iOS, le web et le desktop avec le paquet Dart de Frontmail.",
      "image": "https://frontmail.dev/videos/tutorials/contact-form-flutter.webp",
      "date_published": "2026-09-29T00:00:00.000Z",
      "date_modified": "2026-09-29T00:00:00.000Z",
      "language": "fr",
      "tags": [
        "Flutter",
        "Formulaire de contact",
        "flutter",
        "dart",
        "formulaire de contact flutter",
        "application mobile",
        "android",
        "ios",
        "envoyer un e-mail depuis une application",
        "formulaire de feedback",
        "formulaire de support",
        "pub.dev"
      ],
      "attachments": [
        {
          "url": "https://frontmail.dev/videos/tutorials/contact-form-flutter.mp4",
          "mime_type": "video/mp4",
          "title": "Comment créer un formulaire de contact dans Flutter qui envoie des e-mails (video, English)",
          "duration_in_seconds": 42
        }
      ],
      "_frontmail": {
        "slug": "contact-form-flutter",
        "platform": "flutter",
        "use_case": "contact-form",
        "platform_label": "Flutter",
        "use_case_label": "Formulaire de contact",
        "video_url": "https://frontmail.dev/videos/tutorials/contact-form-flutter.mp4",
        "video_language": "en",
        "poster_url": "https://frontmail.dev/videos/tutorials/contact-form-flutter.webp"
      }
    },
    {
      "id": "https://frontmail.dev/fr/tutorials/inquiry-form-flutter/",
      "url": "https://frontmail.dev/fr/tutorials/inquiry-form-flutter/",
      "title": "Comment créer un formulaire de demande de devis dans Flutter",
      "summary": "Un formulaire de demande de devis Flutter avec choix de la prestation, budget et échéance, qui vous envoie chaque demande par e-mail et envoie au client une confirmation automatique – sans backend.",
      "image": "https://frontmail.dev/videos/tutorials/inquiry-form-flutter.webp",
      "date_published": "2026-09-29T00:00:00.000Z",
      "date_modified": "2026-09-29T00:00:00.000Z",
      "language": "fr",
      "tags": [
        "Flutter",
        "Formulaire de demande de devis",
        "flutter",
        "dart",
        "formulaire de demande de devis",
        "formulaire de devis",
        "formulaire de prospection",
        "demande de réservation",
        "liste déroulante",
        "sélecteur de date",
        "réponse automatique"
      ],
      "attachments": [
        {
          "url": "https://frontmail.dev/videos/tutorials/inquiry-form-flutter.mp4",
          "mime_type": "video/mp4",
          "title": "Comment créer un formulaire de demande de devis dans Flutter (video, English)",
          "duration_in_seconds": 42
        }
      ],
      "_frontmail": {
        "slug": "inquiry-form-flutter",
        "platform": "flutter",
        "use_case": "inquiry-form",
        "platform_label": "Flutter",
        "use_case_label": "Formulaire de demande de devis",
        "video_url": "https://frontmail.dev/videos/tutorials/inquiry-form-flutter.mp4",
        "video_language": "en",
        "poster_url": "https://frontmail.dev/videos/tutorials/inquiry-form-flutter.webp"
      }
    },
    {
      "id": "https://frontmail.dev/fr/tutorials/contact-form-react-native/",
      "url": "https://frontmail.dev/fr/tutorials/contact-form-react-native/",
      "title": "Comment créer un formulaire de contact dans React Native (et Expo) qui envoie des e-mails",
      "summary": "Un formulaire de contact React Native qui vous envoie chaque message par e-mail, avec état d’envoi, protection contre les bots et sans backend. Fonctionne avec Expo et React Native nu.",
      "image": "https://frontmail.dev/videos/tutorials/contact-form-react-native.webp",
      "date_published": "2026-09-29T00:00:00.000Z",
      "date_modified": "2026-09-29T00:00:00.000Z",
      "language": "fr",
      "tags": [
        "React Native",
        "Formulaire de contact",
        "react native",
        "expo",
        "typescript",
        "formulaire de contact react native",
        "application mobile",
        "android",
        "ios",
        "envoyer un e-mail depuis une application",
        "hook",
        "formulaire de feedback"
      ],
      "attachments": [
        {
          "url": "https://frontmail.dev/videos/tutorials/contact-form-react-native.mp4",
          "mime_type": "video/mp4",
          "title": "Comment créer un formulaire de contact dans React Native (et Expo) qui envoie des e-mails (video, English)",
          "duration_in_seconds": 42
        }
      ],
      "_frontmail": {
        "slug": "contact-form-react-native",
        "platform": "react-native",
        "use_case": "contact-form",
        "platform_label": "React Native",
        "use_case_label": "Formulaire de contact",
        "video_url": "https://frontmail.dev/videos/tutorials/contact-form-react-native.mp4",
        "video_language": "en",
        "poster_url": "https://frontmail.dev/videos/tutorials/contact-form-react-native.webp"
      }
    },
    {
      "id": "https://frontmail.dev/fr/tutorials/inquiry-form-react-native/",
      "url": "https://frontmail.dev/fr/tutorials/inquiry-form-react-native/",
      "title": "Comment créer un formulaire de demande de devis dans React Native",
      "summary": "Un formulaire de demande de devis React Native et Expo avec choix de la prestation, du budget et de l’échéance, qui vous envoie chaque demande par e-mail et la confirme automatiquement au client.",
      "image": "https://frontmail.dev/videos/tutorials/inquiry-form-react-native.webp",
      "date_published": "2026-09-29T00:00:00.000Z",
      "date_modified": "2026-09-29T00:00:00.000Z",
      "language": "fr",
      "tags": [
        "React Native",
        "Formulaire de demande de devis",
        "react native",
        "expo",
        "typescript",
        "formulaire de demande de devis",
        "formulaire de devis",
        "formulaire de prospection",
        "demande de réservation",
        "réponse automatique"
      ],
      "attachments": [
        {
          "url": "https://frontmail.dev/videos/tutorials/inquiry-form-react-native.mp4",
          "mime_type": "video/mp4",
          "title": "Comment créer un formulaire de demande de devis dans React Native (video, English)",
          "duration_in_seconds": 42
        }
      ],
      "_frontmail": {
        "slug": "inquiry-form-react-native",
        "platform": "react-native",
        "use_case": "inquiry-form",
        "platform_label": "React Native",
        "use_case_label": "Formulaire de demande de devis",
        "video_url": "https://frontmail.dev/videos/tutorials/inquiry-form-react-native.mp4",
        "video_language": "en",
        "poster_url": "https://frontmail.dev/videos/tutorials/inquiry-form-react-native.webp"
      }
    },
    {
      "id": "https://frontmail.dev/fr/tutorials/contact-form-android-kotlin/",
      "url": "https://frontmail.dev/fr/tutorials/contact-form-android-kotlin/",
      "title": "Comment créer un formulaire de contact Android avec Kotlin et Jetpack Compose",
      "summary": "Un écran de contact Jetpack Compose qui vous envoie chaque message par e-mail via votre propre boîte mail – sans backend, sans mot de passe SMTP dans l’APK. Avec le SDK Kotlin de Frontmail.",
      "image": "https://frontmail.dev/videos/tutorials/contact-form-android-kotlin.webp",
      "date_published": "2026-09-29T00:00:00.000Z",
      "date_modified": "2026-09-29T00:00:00.000Z",
      "language": "fr",
      "tags": [
        "Android (Kotlin)",
        "Formulaire de contact",
        "android",
        "kotlin",
        "jetpack compose",
        "compose",
        "formulaire de contact android",
        "application mobile",
        "envoyer un e-mail depuis android",
        "formulaire de feedback",
        "formulaire de support",
        "maven"
      ],
      "attachments": [
        {
          "url": "https://frontmail.dev/videos/tutorials/contact-form-android-kotlin.mp4",
          "mime_type": "video/mp4",
          "title": "Comment créer un formulaire de contact Android avec Kotlin et Jetpack Compose (video, English)",
          "duration_in_seconds": 42
        }
      ],
      "_frontmail": {
        "slug": "contact-form-android-kotlin",
        "platform": "android",
        "use_case": "contact-form",
        "platform_label": "Android (Kotlin)",
        "use_case_label": "Formulaire de contact",
        "video_url": "https://frontmail.dev/videos/tutorials/contact-form-android-kotlin.mp4",
        "video_language": "en",
        "poster_url": "https://frontmail.dev/videos/tutorials/contact-form-android-kotlin.webp"
      }
    },
    {
      "id": "https://frontmail.dev/fr/tutorials/inquiry-form-android-kotlin/",
      "url": "https://frontmail.dev/fr/tutorials/inquiry-form-android-kotlin/",
      "title": "Comment créer un formulaire de demande de devis Android avec Kotlin",
      "summary": "Un formulaire de demande de devis Jetpack Compose avec choix de la prestation et du budget et une échéance, qui vous envoie chaque demande par e-mail et envoie au client une confirmation automatique.",
      "image": "https://frontmail.dev/videos/tutorials/inquiry-form-android-kotlin.webp",
      "date_published": "2026-09-29T00:00:00.000Z",
      "date_modified": "2026-09-29T00:00:00.000Z",
      "language": "fr",
      "tags": [
        "Android (Kotlin)",
        "Formulaire de demande de devis",
        "android",
        "kotlin",
        "jetpack compose",
        "formulaire de demande de devis",
        "formulaire de devis",
        "formulaire de prospection",
        "demande de réservation",
        "réponse automatique"
      ],
      "attachments": [
        {
          "url": "https://frontmail.dev/videos/tutorials/inquiry-form-android-kotlin.mp4",
          "mime_type": "video/mp4",
          "title": "Comment créer un formulaire de demande de devis Android avec Kotlin (video, English)",
          "duration_in_seconds": 42
        }
      ],
      "_frontmail": {
        "slug": "inquiry-form-android-kotlin",
        "platform": "android",
        "use_case": "inquiry-form",
        "platform_label": "Android (Kotlin)",
        "use_case_label": "Formulaire de demande de devis",
        "video_url": "https://frontmail.dev/videos/tutorials/inquiry-form-android-kotlin.mp4",
        "video_language": "en",
        "poster_url": "https://frontmail.dev/videos/tutorials/inquiry-form-android-kotlin.webp"
      }
    },
    {
      "id": "https://frontmail.dev/fr/tutorials/contact-form-ios-swift/",
      "url": "https://frontmail.dev/fr/tutorials/contact-form-ios-swift/",
      "title": "Comment créer un formulaire de contact iOS avec Swift et SwiftUI",
      "summary": "Un formulaire de contact SwiftUI qui vous envoie chaque message par e-mail via votre propre boîte mail – sans backend ni mot de passe SMTP dans l’application. Avec le paquet Swift de Frontmail.",
      "image": "https://frontmail.dev/videos/tutorials/contact-form-ios-swift.webp",
      "date_published": "2026-09-29T00:00:00.000Z",
      "date_modified": "2026-09-29T00:00:00.000Z",
      "language": "fr",
      "tags": [
        "iOS (Swift)",
        "Formulaire de contact",
        "ios",
        "swift",
        "swiftui",
        "iphone",
        "ipad",
        "formulaire de contact ios",
        "application mobile",
        "envoyer un e-mail depuis une app ios",
        "formulaire de feedback",
        "swift package manager"
      ],
      "attachments": [
        {
          "url": "https://frontmail.dev/videos/tutorials/contact-form-ios-swift.mp4",
          "mime_type": "video/mp4",
          "title": "Comment créer un formulaire de contact iOS avec Swift et SwiftUI (video, English)",
          "duration_in_seconds": 42
        }
      ],
      "_frontmail": {
        "slug": "contact-form-ios-swift",
        "platform": "ios",
        "use_case": "contact-form",
        "platform_label": "iOS (Swift)",
        "use_case_label": "Formulaire de contact",
        "video_url": "https://frontmail.dev/videos/tutorials/contact-form-ios-swift.mp4",
        "video_language": "en",
        "poster_url": "https://frontmail.dev/videos/tutorials/contact-form-ios-swift.webp"
      }
    },
    {
      "id": "https://frontmail.dev/fr/tutorials/inquiry-form-ios-swift/",
      "url": "https://frontmail.dev/fr/tutorials/inquiry-form-ios-swift/",
      "title": "Comment créer un formulaire de demande de devis iOS avec SwiftUI",
      "summary": "Un formulaire de demande de devis SwiftUI avec sélecteurs de prestation et de budget et une échéance, qui vous envoie chaque demande par e-mail et envoie au client une confirmation automatique – sans backend.",
      "image": "https://frontmail.dev/videos/tutorials/inquiry-form-ios-swift.webp",
      "date_published": "2026-09-29T00:00:00.000Z",
      "date_modified": "2026-09-29T00:00:00.000Z",
      "language": "fr",
      "tags": [
        "iOS (Swift)",
        "Formulaire de demande de devis",
        "ios",
        "swift",
        "swiftui",
        "formulaire de demande de devis",
        "formulaire de devis",
        "formulaire de prospection",
        "demande de réservation",
        "picker",
        "sélecteur de date",
        "réponse automatique"
      ],
      "attachments": [
        {
          "url": "https://frontmail.dev/videos/tutorials/inquiry-form-ios-swift.mp4",
          "mime_type": "video/mp4",
          "title": "Comment créer un formulaire de demande de devis iOS avec SwiftUI (video, English)",
          "duration_in_seconds": 42
        }
      ],
      "_frontmail": {
        "slug": "inquiry-form-ios-swift",
        "platform": "ios",
        "use_case": "inquiry-form",
        "platform_label": "iOS (Swift)",
        "use_case_label": "Formulaire de demande de devis",
        "video_url": "https://frontmail.dev/videos/tutorials/inquiry-form-ios-swift.mp4",
        "video_language": "en",
        "poster_url": "https://frontmail.dev/videos/tutorials/inquiry-form-ios-swift.webp"
      }
    }
  ]
}