{
  "version": "https://jsonfeed.org/version/1.1",
  "title": "Frontmail – Tutorials",
  "description": "Schritt-für-Schritt-Anleitungen mit Code und kurzem Video: Bauen Sie ein Kontaktformular oder ein Formular für Angebotsanfragen, das Ihnen E-Mails schickt – auf der Website, in Flutter, React Native, Kotlin oder Swift. Ganz ohne Backend.",
  "home_page_url": "https://frontmail.dev/de/tutorials/",
  "feed_url": "https://frontmail.dev/de/tutorials/feed.json",
  "icon": "https://frontmail.dev/apple-touch-icon.png",
  "favicon": "https://frontmail.dev/favicon.svg",
  "language": "de",
  "items": [
    {
      "id": "https://frontmail.dev/de/tutorials/contact-form-website/",
      "url": "https://frontmail.dev/de/tutorials/contact-form-website/",
      "title": "Kontaktformular für die Website ohne Backend erstellen",
      "summary": "Ein einfaches HTML-Kontaktformular, das Ihnen jede Nachricht per E-Mail schickt – ohne Server, ohne PHP, ohne Plugin. Funktioniert auf jeder statischen Website, von handgeschriebenem HTML bis Astro, Hugo oder 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": "de",
      "tags": [
        "Website",
        "Kontaktformular",
        "kontaktformular",
        "kontaktformular website",
        "kontaktformular erstellen",
        "formular per e-mail senden",
        "formular ohne backend",
        "kontaktformular ohne php",
        "statische website",
        "html",
        "javascript",
        "astro",
        "hugo",
        "wordpress",
        "emailjs alternative"
      ],
      "attachments": [
        {
          "url": "https://frontmail.dev/videos/tutorials/contact-form-website.mp4",
          "mime_type": "video/mp4",
          "title": "Kontaktformular für die Website ohne Backend erstellen (video, English)",
          "duration_in_seconds": 42
        }
      ],
      "_frontmail": {
        "slug": "contact-form-website",
        "platform": "web",
        "use_case": "contact-form",
        "platform_label": "Website",
        "use_case_label": "Kontaktformular",
        "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/de/tutorials/inquiry-form-website/",
      "url": "https://frontmail.dev/de/tutorials/inquiry-form-website/",
      "title": "Anfrageformular für die Website erstellen – Angebotsanfrage ohne Backend",
      "summary": "Ein Anfrageformular mit Leistung, Budget und Termin, das als übersichtliche E-Mail in Ihrem Postfach landet – und dem Kunden automatisch eine Bestätigung schickt. Ohne Backend, reines 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": "de",
      "tags": [
        "Website",
        "Formular für Angebotsanfragen",
        "anfrageformular",
        "angebotsanfrage",
        "angebotsformular",
        "anfrageformular website",
        "lead formular",
        "automatische antwort",
        "auto-reply",
        "statische website",
        "html",
        "javascript"
      ],
      "attachments": [
        {
          "url": "https://frontmail.dev/videos/tutorials/inquiry-form-website.mp4",
          "mime_type": "video/mp4",
          "title": "Anfrageformular für die Website erstellen – Angebotsanfrage ohne Backend (video, English)",
          "duration_in_seconds": 42
        }
      ],
      "_frontmail": {
        "slug": "inquiry-form-website",
        "platform": "web",
        "use_case": "inquiry-form",
        "platform_label": "Website",
        "use_case_label": "Formular für Angebotsanfragen",
        "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/de/tutorials/contact-form-flutter/",
      "url": "https://frontmail.dev/de/tutorials/contact-form-flutter/",
      "title": "Kontaktformular in Flutter erstellen, das E-Mails versendet",
      "summary": "Ein Flutter-Kontaktformular, das Ihnen jede Nachricht per E-Mail schickt – ohne Backend und ohne SMTP-Passwort in der App. Läuft auf Android, iOS, Web und Desktop mit dem Frontmail-Dart-Paket.",
      "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": "de",
      "tags": [
        "Flutter",
        "Kontaktformular",
        "flutter",
        "dart",
        "kontaktformular flutter",
        "e-mail aus app senden",
        "flutter e-mail senden",
        "mobile app",
        "android",
        "ios",
        "feedback formular",
        "support formular",
        "pub.dev"
      ],
      "attachments": [
        {
          "url": "https://frontmail.dev/videos/tutorials/contact-form-flutter.mp4",
          "mime_type": "video/mp4",
          "title": "Kontaktformular in Flutter erstellen, das E-Mails versendet (video, English)",
          "duration_in_seconds": 42
        }
      ],
      "_frontmail": {
        "slug": "contact-form-flutter",
        "platform": "flutter",
        "use_case": "contact-form",
        "platform_label": "Flutter",
        "use_case_label": "Kontaktformular",
        "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/de/tutorials/inquiry-form-flutter/",
      "url": "https://frontmail.dev/de/tutorials/inquiry-form-flutter/",
      "title": "Anfrageformular in Flutter erstellen – Angebotsanfrage per E-Mail",
      "summary": "Ein Flutter-Anfrageformular mit Leistungsauswahl, Budget und Termin, das Ihnen jede Anfrage per E-Mail schickt und dem Kunden automatisch eine Bestätigung sendet – ganz ohne 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": "de",
      "tags": [
        "Flutter",
        "Formular für Angebotsanfragen",
        "flutter",
        "dart",
        "anfrageformular",
        "angebotsanfrage",
        "angebotsformular",
        "lead formular",
        "buchungsanfrage",
        "dropdown",
        "datumsauswahl",
        "automatische antwort"
      ],
      "attachments": [
        {
          "url": "https://frontmail.dev/videos/tutorials/inquiry-form-flutter.mp4",
          "mime_type": "video/mp4",
          "title": "Anfrageformular in Flutter erstellen – Angebotsanfrage per E-Mail (video, English)",
          "duration_in_seconds": 42
        }
      ],
      "_frontmail": {
        "slug": "inquiry-form-flutter",
        "platform": "flutter",
        "use_case": "inquiry-form",
        "platform_label": "Flutter",
        "use_case_label": "Formular für Angebotsanfragen",
        "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/de/tutorials/contact-form-react-native/",
      "url": "https://frontmail.dev/de/tutorials/contact-form-react-native/",
      "title": "Kontaktformular in React Native (und Expo) erstellen, das E-Mails versendet",
      "summary": "Ein React-Native-Kontaktformular, das Ihnen jede Nachricht per E-Mail schickt – mit Sendestatus, Bot-Schutz und ohne Backend. Funktioniert mit Expo und reinem 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": "de",
      "tags": [
        "React Native",
        "Kontaktformular",
        "react native",
        "expo",
        "typescript",
        "kontaktformular react native",
        "e-mail aus app senden",
        "mobile app",
        "android",
        "ios",
        "hook",
        "feedback formular"
      ],
      "attachments": [
        {
          "url": "https://frontmail.dev/videos/tutorials/contact-form-react-native.mp4",
          "mime_type": "video/mp4",
          "title": "Kontaktformular in React Native (und Expo) erstellen, das E-Mails versendet (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": "Kontaktformular",
        "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/de/tutorials/inquiry-form-react-native/",
      "url": "https://frontmail.dev/de/tutorials/inquiry-form-react-native/",
      "title": "Anfrageformular in React Native erstellen – Angebotsanfrage per E-Mail",
      "summary": "Ein Anfrageformular für React Native und Expo mit Auswahl von Leistung, Budget und Termin, das Ihnen jede Anfrage per E-Mail schickt und sie dem Kunden automatisch bestätigt.",
      "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": "de",
      "tags": [
        "React Native",
        "Formular für Angebotsanfragen",
        "react native",
        "expo",
        "typescript",
        "anfrageformular",
        "angebotsanfrage",
        "angebotsformular",
        "lead formular",
        "buchungsanfrage",
        "automatische antwort"
      ],
      "attachments": [
        {
          "url": "https://frontmail.dev/videos/tutorials/inquiry-form-react-native.mp4",
          "mime_type": "video/mp4",
          "title": "Anfrageformular in React Native erstellen – Angebotsanfrage per E-Mail (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": "Formular für Angebotsanfragen",
        "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/de/tutorials/contact-form-android-kotlin/",
      "url": "https://frontmail.dev/de/tutorials/contact-form-android-kotlin/",
      "title": "Kontaktformular in Android mit Kotlin und Jetpack Compose erstellen",
      "summary": "Ein Kontaktbildschirm in Jetpack Compose, der Ihnen jede Nachricht über Ihr eigenes Postfach schickt – ohne Backend und ohne SMTP-Passwort in der APK. Mit dem 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": "de",
      "tags": [
        "Android (Kotlin)",
        "Kontaktformular",
        "android",
        "kotlin",
        "jetpack compose",
        "compose",
        "kontaktformular android",
        "e-mail aus android app senden",
        "mobile app",
        "feedback formular",
        "support formular",
        "maven"
      ],
      "attachments": [
        {
          "url": "https://frontmail.dev/videos/tutorials/contact-form-android-kotlin.mp4",
          "mime_type": "video/mp4",
          "title": "Kontaktformular in Android mit Kotlin und Jetpack Compose erstellen (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": "Kontaktformular",
        "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/de/tutorials/inquiry-form-android-kotlin/",
      "url": "https://frontmail.dev/de/tutorials/inquiry-form-android-kotlin/",
      "title": "Anfrageformular in Android mit Kotlin erstellen – Angebotsanfrage per E-Mail",
      "summary": "Ein Anfrageformular in Jetpack Compose mit Auswahl von Leistung und Budget sowie Termin, das Ihnen jede Anfrage per E-Mail schickt und dem Kunden automatisch eine Bestätigung sendet.",
      "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": "de",
      "tags": [
        "Android (Kotlin)",
        "Formular für Angebotsanfragen",
        "android",
        "kotlin",
        "jetpack compose",
        "anfrageformular",
        "angebotsanfrage",
        "angebotsformular",
        "lead formular",
        "buchungsanfrage",
        "automatische antwort"
      ],
      "attachments": [
        {
          "url": "https://frontmail.dev/videos/tutorials/inquiry-form-android-kotlin.mp4",
          "mime_type": "video/mp4",
          "title": "Anfrageformular in Android mit Kotlin erstellen – Angebotsanfrage per E-Mail (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": "Formular für Angebotsanfragen",
        "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/de/tutorials/contact-form-ios-swift/",
      "url": "https://frontmail.dev/de/tutorials/contact-form-ios-swift/",
      "title": "Kontaktformular in iOS mit Swift und SwiftUI erstellen",
      "summary": "Ein SwiftUI-Kontaktformular, das Ihnen jede Nachricht über Ihr eigenes Postfach schickt – ohne Backend und ohne SMTP-Passwort in der App. Mit dem Frontmail-Swift-Paket.",
      "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": "de",
      "tags": [
        "iOS (Swift)",
        "Kontaktformular",
        "ios",
        "swift",
        "swiftui",
        "iphone",
        "ipad",
        "kontaktformular ios",
        "e-mail aus ios app senden",
        "mobile app",
        "feedback formular",
        "swift package manager"
      ],
      "attachments": [
        {
          "url": "https://frontmail.dev/videos/tutorials/contact-form-ios-swift.mp4",
          "mime_type": "video/mp4",
          "title": "Kontaktformular in iOS mit Swift und SwiftUI erstellen (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": "Kontaktformular",
        "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/de/tutorials/inquiry-form-ios-swift/",
      "url": "https://frontmail.dev/de/tutorials/inquiry-form-ios-swift/",
      "title": "Anfrageformular in iOS mit SwiftUI erstellen – Angebotsanfrage per E-Mail",
      "summary": "Ein SwiftUI-Anfrageformular mit Auswahl von Leistung und Budget sowie Termin, das Ihnen jede Anfrage per E-Mail schickt und dem Kunden automatisch eine Bestätigung sendet – ohne 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": "de",
      "tags": [
        "iOS (Swift)",
        "Formular für Angebotsanfragen",
        "ios",
        "swift",
        "swiftui",
        "anfrageformular",
        "angebotsanfrage",
        "angebotsformular",
        "lead formular",
        "buchungsanfrage",
        "picker",
        "datumsauswahl",
        "automatische antwort"
      ],
      "attachments": [
        {
          "url": "https://frontmail.dev/videos/tutorials/inquiry-form-ios-swift.mp4",
          "mime_type": "video/mp4",
          "title": "Anfrageformular in iOS mit SwiftUI erstellen – Angebotsanfrage per E-Mail (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": "Formular für Angebotsanfragen",
        "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"
      }
    }
  ]
}