{
  "version": "https://jsonfeed.org/version/1.1",
  "title": "Frontmail – Tutorials",
  "description": "Step-by-step tutorials with code and a short video: build a contact form or a quote request form that emails you – on a website, in Flutter, React Native, Kotlin or Swift. No backend needed.",
  "home_page_url": "https://frontmail.dev/tutorials/",
  "feed_url": "https://frontmail.dev/tutorials/feed.json",
  "icon": "https://frontmail.dev/apple-touch-icon.png",
  "favicon": "https://frontmail.dev/favicon.svg",
  "language": "en",
  "items": [
    {
      "id": "https://frontmail.dev/tutorials/contact-form-website/",
      "url": "https://frontmail.dev/tutorials/contact-form-website/",
      "title": "How to add a contact form to your website without a backend",
      "summary": "A plain HTML contact form that emails you every message – no server, no PHP, no plugin. Works on any static site, from hand-written HTML to Astro, Hugo or 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": "en",
      "tags": [
        "Website",
        "Contact form",
        "html",
        "javascript",
        "static site",
        "astro",
        "hugo",
        "wordpress",
        "email form",
        "form to email",
        "emailjs alternative"
      ],
      "attachments": [
        {
          "url": "https://frontmail.dev/videos/tutorials/contact-form-website.mp4",
          "mime_type": "video/mp4",
          "title": "How to add a contact form to your website without a backend (video, English)",
          "duration_in_seconds": 42
        }
      ],
      "_frontmail": {
        "slug": "contact-form-website",
        "platform": "web",
        "use_case": "contact-form",
        "platform_label": "Website",
        "use_case_label": "Contact form",
        "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/tutorials/inquiry-form-website/",
      "url": "https://frontmail.dev/tutorials/inquiry-form-website/",
      "title": "How to build a quote request form for your website",
      "summary": "An inquiry form with service, budget and deadline that lands in your inbox as a tidy email – and sends the customer an automatic confirmation. No backend, plain HTML.",
      "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": "en",
      "tags": [
        "Website",
        "Quote request form",
        "html",
        "javascript",
        "inquiry form",
        "quote form",
        "request for quote",
        "lead form",
        "rfq",
        "auto-reply",
        "static site"
      ],
      "attachments": [
        {
          "url": "https://frontmail.dev/videos/tutorials/inquiry-form-website.mp4",
          "mime_type": "video/mp4",
          "title": "How to build a quote request form for your website (video, English)",
          "duration_in_seconds": 42
        }
      ],
      "_frontmail": {
        "slug": "inquiry-form-website",
        "platform": "web",
        "use_case": "inquiry-form",
        "platform_label": "Website",
        "use_case_label": "Quote request form",
        "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/tutorials/contact-form-flutter/",
      "url": "https://frontmail.dev/tutorials/contact-form-flutter/",
      "title": "How to build a contact form in Flutter that sends email",
      "summary": "A Flutter contact form that emails you every message – no backend, no SMTP password in the app. Works on Android, iOS, web and desktop with the Frontmail Dart package.",
      "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": "en",
      "tags": [
        "Flutter",
        "Contact form",
        "flutter",
        "dart",
        "mobile app",
        "android",
        "ios",
        "send email from app",
        "feedback form",
        "support form",
        "pub.dev"
      ],
      "attachments": [
        {
          "url": "https://frontmail.dev/videos/tutorials/contact-form-flutter.mp4",
          "mime_type": "video/mp4",
          "title": "How to build a contact form in Flutter that sends email (video, English)",
          "duration_in_seconds": 42
        }
      ],
      "_frontmail": {
        "slug": "contact-form-flutter",
        "platform": "flutter",
        "use_case": "contact-form",
        "platform_label": "Flutter",
        "use_case_label": "Contact form",
        "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/tutorials/inquiry-form-flutter/",
      "url": "https://frontmail.dev/tutorials/inquiry-form-flutter/",
      "title": "How to build a quote request form in Flutter",
      "summary": "A Flutter inquiry form with a service picker, budget and deadline that emails you each request and sends the customer an automatic confirmation – no backend needed.",
      "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": "en",
      "tags": [
        "Flutter",
        "Quote request form",
        "flutter",
        "dart",
        "inquiry form",
        "quote form",
        "lead form",
        "booking request",
        "dropdown",
        "date picker",
        "auto-reply"
      ],
      "attachments": [
        {
          "url": "https://frontmail.dev/videos/tutorials/inquiry-form-flutter.mp4",
          "mime_type": "video/mp4",
          "title": "How to build a quote request form in Flutter (video, English)",
          "duration_in_seconds": 42
        }
      ],
      "_frontmail": {
        "slug": "inquiry-form-flutter",
        "platform": "flutter",
        "use_case": "inquiry-form",
        "platform_label": "Flutter",
        "use_case_label": "Quote request form",
        "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/tutorials/contact-form-react-native/",
      "url": "https://frontmail.dev/tutorials/contact-form-react-native/",
      "title": "How to build a contact form in React Native (and Expo) that sends email",
      "summary": "A React Native contact form that emails you every message, with a sending state, bot protection and no backend. Works in Expo and bare React Native.",
      "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": "en",
      "tags": [
        "React Native",
        "Contact form",
        "react native",
        "expo",
        "typescript",
        "mobile app",
        "android",
        "ios",
        "send email from app",
        "hook",
        "feedback form"
      ],
      "attachments": [
        {
          "url": "https://frontmail.dev/videos/tutorials/contact-form-react-native.mp4",
          "mime_type": "video/mp4",
          "title": "How to build a contact form in React Native (and Expo) that sends email (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": "Contact form",
        "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/tutorials/inquiry-form-react-native/",
      "url": "https://frontmail.dev/tutorials/inquiry-form-react-native/",
      "title": "How to build a quote request form in React Native",
      "summary": "A React Native and Expo inquiry form with service, budget and deadline choices that emails you every request and confirms it to the customer automatically.",
      "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": "en",
      "tags": [
        "React Native",
        "Quote request form",
        "react native",
        "expo",
        "typescript",
        "inquiry form",
        "quote form",
        "lead form",
        "booking request",
        "auto-reply"
      ],
      "attachments": [
        {
          "url": "https://frontmail.dev/videos/tutorials/inquiry-form-react-native.mp4",
          "mime_type": "video/mp4",
          "title": "How to build a quote request form in 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": "Quote request form",
        "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/tutorials/contact-form-android-kotlin/",
      "url": "https://frontmail.dev/tutorials/contact-form-android-kotlin/",
      "title": "How to build a contact form in Android with Kotlin and Jetpack Compose",
      "summary": "A Jetpack Compose contact screen that emails you every message through your own mailbox – no backend, no SMTP password in the APK. Uses the Frontmail Kotlin SDK.",
      "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": "en",
      "tags": [
        "Android (Kotlin)",
        "Contact form",
        "android",
        "kotlin",
        "jetpack compose",
        "compose",
        "mobile app",
        "send email from android",
        "feedback form",
        "support form",
        "maven"
      ],
      "attachments": [
        {
          "url": "https://frontmail.dev/videos/tutorials/contact-form-android-kotlin.mp4",
          "mime_type": "video/mp4",
          "title": "How to build a contact form in Android with Kotlin and 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": "Contact form",
        "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/tutorials/inquiry-form-android-kotlin/",
      "url": "https://frontmail.dev/tutorials/inquiry-form-android-kotlin/",
      "title": "How to build a quote request form in Android with Kotlin",
      "summary": "A Jetpack Compose inquiry form with service and budget choices and a deadline that emails you each request and sends the customer an automatic confirmation.",
      "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": "en",
      "tags": [
        "Android (Kotlin)",
        "Quote request form",
        "android",
        "kotlin",
        "jetpack compose",
        "inquiry form",
        "quote form",
        "lead form",
        "booking request",
        "auto-reply"
      ],
      "attachments": [
        {
          "url": "https://frontmail.dev/videos/tutorials/inquiry-form-android-kotlin.mp4",
          "mime_type": "video/mp4",
          "title": "How to build a quote request form in Android with 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": "Quote request form",
        "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/tutorials/contact-form-ios-swift/",
      "url": "https://frontmail.dev/tutorials/contact-form-ios-swift/",
      "title": "How to build a contact form in iOS with Swift and SwiftUI",
      "summary": "A SwiftUI contact form that emails you every message through your own mailbox – no backend and no SMTP password in the app. Uses the Frontmail Swift package.",
      "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": "en",
      "tags": [
        "iOS (Swift)",
        "Contact form",
        "ios",
        "swift",
        "swiftui",
        "iphone",
        "ipad",
        "mobile app",
        "send email from ios app",
        "feedback form",
        "swift package manager"
      ],
      "attachments": [
        {
          "url": "https://frontmail.dev/videos/tutorials/contact-form-ios-swift.mp4",
          "mime_type": "video/mp4",
          "title": "How to build a contact form in iOS with Swift and 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": "Contact form",
        "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/tutorials/inquiry-form-ios-swift/",
      "url": "https://frontmail.dev/tutorials/inquiry-form-ios-swift/",
      "title": "How to build a quote request form in iOS with SwiftUI",
      "summary": "A SwiftUI inquiry form with service and budget pickers and a deadline that emails you every request and sends the customer an automatic confirmation – no 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": "en",
      "tags": [
        "iOS (Swift)",
        "Quote request form",
        "ios",
        "swift",
        "swiftui",
        "inquiry form",
        "quote form",
        "lead form",
        "booking request",
        "picker",
        "date picker",
        "auto-reply"
      ],
      "attachments": [
        {
          "url": "https://frontmail.dev/videos/tutorials/inquiry-form-ios-swift.mp4",
          "mime_type": "video/mp4",
          "title": "How to build a quote request form in iOS with 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": "Quote request form",
        "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"
      }
    }
  ]
}