Formonger

Overview

Formonger is a highly scalable, API-first form submission backend designed for developers, freelancers, and startups. It eliminates the need for custom backend code, allowing you to add reliable and secure form handling to any website or application in minutes via a single API endpoint.

The Problem: The Hidden Cost of “Simple” Forms

Every developer has faced it: a request for a “simple” contact form that spirals into a complex backend project. You have to handle data validation, fight a constant battle with spam, set up transactional email services, and build a way to manage the submissions. This is repetitive, undifferentiated work that takes focus away from building a client’s actual product.

Formonger abstracts away this entire boilerplate, providing a production-ready backend so you can focus on what you do best.

Key Features & Architecture

Formonger is built on a modern, event-driven, and serverless architecture designed for high performance and reliability.

• Instant API Endpoints: Create a new endpoint and define its expected data schema via a clean UI.
• Robust Spam Protection: A holistic, score-based spam detection engine that uses honeypots, keyword filtering, and domain blacklists to keep your inbox clean.
• Asynchronous Processing: The core /submit API is lightweight and fast. All slow-moving tasks like sending email notifications or firing webhooks are offloaded to a background processing system using AWS SQS and AWS Lambda, ensuring your form submissions are never blocked.
• Powerful Integrations: A “Three-Stage” integration system (Connect, Configure, Assign) allows you to connect to services like Slack, webhooks, and email, and create reusable “recipes” to automate your workflows.
• Full-Stack Solution: Includes a comprehensive dashboard built with Next.js for managing endpoints, viewing submissions, and configuring integrations.
• Infrastructure as Code: The entire AWS backend is defined declaratively using SST (IaC), ensuring the infrastructure is reproducible, scalable, and easy to manage.

How It Works

Integration is designed to be simple and flexible, supporting both modern JavaScript clients and standard HTML forms.

Example: React/Next.js (Recommended)

const handleSubmit = async (event) => {
  event.preventDefault();
  const formData = new FormData(event.target);
  const data = Object.fromEntries(formData.entries());

  await fetch("https://api.formonger.com/submit", {
    method: "POST",
    headers: {
      "Content-Type": "application/json",
      Authorization: "Bearer YOUR_SECRET_API_KEY",
    },
    body: JSON.stringify({
      _endpointId: "YOUR_ENDPOINT_ID",
      ...data,
    }),
  });
};

This method provides the most security and flexibility.

Tech Stack

This project was an opportunity to build a production-grade SaaS application using a modern, best-practices tech stack.

• Frontend Dashboard: Next.js (App Router), React, TypeScript, Tailwind CSS, Tremor, Zod
• Core API: Hono.js on AWS Lambda + API Gateway (provisioned by SST)
• Database: Neon (Serverless PostgreSQL) with Drizzle ORM
• Caching/Rate Limiting: Upstash (Serverless Redis)
• Asynchronous Backend: AWS SQS (Queue) and AWS Lambda (Executor Worker)
• Email Delivery: AWS SES
• Billing: Dodo payment (Merchant of Record)
• Infrastructure: SST v3 (ION) (Infrastructure as Code)

Interested in being a beta tester for Formonger? You’ll get an extended free trial and a lifetime discount. Let me know.