<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:dc="http://purl.org/dc/elements/1.1/">
  <channel>
    <title>DEV Community: Ricardo Augusto</title>
    <description>The latest articles on DEV Community by Ricardo Augusto (@riclamer).</description>
    <link>https://dev.to/riclamer</link>
    <image>
      <url>https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F3989708%2Fd90f7c66-fcae-4a2e-98de-f93b28443675.jpg</url>
      <title>DEV Community: Ricardo Augusto</title>
      <link>https://dev.to/riclamer</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/riclamer"/>
    <language>en</language>
    <item>
      <title>How to send contact form emails with a simple token-based endpoint</title>
      <dc:creator>Ricardo Augusto</dc:creator>
      <pubDate>Wed, 17 Jun 2026 19:43:13 +0000</pubDate>
      <link>https://dev.to/riclamer/how-to-send-contact-form-emails-with-a-simple-token-based-endpoint-84</link>
      <guid>https://dev.to/riclamer/how-to-send-contact-form-emails-with-a-simple-token-based-endpoint-84</guid>
      <description>&lt;p&gt;Most small websites eventually need the same thing: a contact form that sends an email.&lt;/p&gt;

&lt;p&gt;That sounds simple, but the implementation often becomes more work than expected:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;SMTP credentials&lt;/li&gt;
&lt;li&gt;mail libraries&lt;/li&gt;
&lt;li&gt;server-side validation&lt;/li&gt;
&lt;li&gt;anti-abuse handling&lt;/li&gt;
&lt;li&gt;formatting the submitted fields&lt;/li&gt;
&lt;li&gt;deployment differences between hosts&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;I built FlapMail as a lightweight way to handle this pattern with a token-based submit endpoint.&lt;/p&gt;

&lt;p&gt;It is meant for transactional messages such as:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;contact forms&lt;/li&gt;
&lt;li&gt;quote requests&lt;/li&gt;
&lt;li&gt;help desk forms&lt;/li&gt;
&lt;li&gt;HR forms&lt;/li&gt;
&lt;li&gt;app alerts&lt;/li&gt;
&lt;li&gt;script notifications&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;It is not a bulk email or newsletter tool.&lt;/p&gt;

&lt;h2&gt;
  
  
  Basic flow
&lt;/h2&gt;

&lt;ol&gt;
&lt;li&gt;Create an account at &lt;a href="https://www.flapmail.net/" rel="noopener noreferrer"&gt;https://www.flapmail.net/&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;Create a sender&lt;/li&gt;
&lt;li&gt;Generate a token&lt;/li&gt;
&lt;li&gt;Send form data to:&lt;/li&gt;
&lt;/ol&gt;

&lt;p&gt;LINK TO API&lt;br&gt;
&lt;a href="https://app.flapmail.net/api/submit.php" rel="noopener noreferrer"&gt;https://app.flapmail.net/api/submit.php&lt;/a&gt;&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight javascript"&gt;&lt;code&gt;
&lt;span class="err"&gt;##&lt;/span&gt; &lt;span class="nx"&gt;Example&lt;/span&gt; &lt;span class="nx"&gt;payload&lt;/span&gt;

&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;

&lt;p&gt;&lt;br&gt;
js&lt;br&gt;
const formData = new FormData();&lt;br&gt;
formData.append("token", "YOUR_FLAPMAIL_TOKEN");&lt;br&gt;
formData.append("name", "Jane Doe");&lt;br&gt;
formData.append("email", "&lt;a href="mailto:jane@example.com"&gt;jane@example.com&lt;/a&gt;");&lt;br&gt;
formData.append("message", "Hello from my website");&lt;/p&gt;

&lt;p&gt;await fetch("&lt;a href="https://app.flapmail.net/api/submit.php" rel="noopener noreferrer"&gt;https://app.flapmail.net/api/submit.php&lt;/a&gt;", {&lt;br&gt;
  method: "POST",&lt;br&gt;
  body: formData&lt;br&gt;
});&lt;/p&gt;



&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;


## Docs and examples

I published examples for HTML, PHP, Node.js, Java, and Python here:

https://github.com/SpaceHubCompany/FlapMail

I would appreciate feedback from developers who maintain small websites, landing pages, dashboards, or AI-generated projects.
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;

</description>
      <category>api</category>
      <category>showdev</category>
      <category>tutorial</category>
      <category>webdev</category>
    </item>
  </channel>
</rss>
