A backend for your Analog forms

// src/app/pages/contact.page.ts
import { Component } from "@angular/core";
import { FormsModule } from "@angular/forms";

const FORMSPARK_ACTION_URL = "https://submit-form.com/your-form-id";

@Component({
  standalone: true,
  imports: [FormsModule],
  template: `
    <form (ngSubmit)="onSubmit()">
      <textarea name="message" [(ngModel)]="message"></textarea>
      <button type="submit" [disabled]="submitting">Send</button>
    </form>
  `,
})
export default class ContactPage {
  message = "";
  submitting = false;

  async onSubmit() {
    this.submitting = true;
    try {
      await fetch(FORMSPARK_ACTION_URL, {
        method: "POST",
        headers: {
          "Content-Type": "application/json",
          Accept: "application/json",
        },
        body: JSON.stringify({ message: this.message }),
      });
      this.message = "";
    } finally {
      this.submitting = false;
    }
  }
}