Passer au contenu

Envoyez votre première soumission à Formerie.

Le client envoie les valeurs des champs. Les destinataires, les gabarits et les identifiants des fournisseurs restent dans Formerie. Les paquets sont en version alpha.

  1. Installez le client

    Installez le client
    Shell
    npm install @formerie/client
  2. Soumettez à un formulaire publié

    Utilisez les identifiants de l’espace de travail et du formulaire indiqués dans l’application, ou appelez directement l’API JSON.

    Soumettez à un formulaire publié
    TypeScript
    import { FormerieRuntimeClient } from "@formerie/client";
    
    const forms = new FormerieRuntimeClient();
    
    const result = await forms.submit("example.com", "contact", {
      fields: { email: "jane@example.com", message: "Hello" },
      metadata: { pageUrl: window.location.href }
    });
  3. Lisez le résultat

    Formerie enregistre la soumission et s’occupe de la livraison sur le serveur. Les erreurs de validation sont renvoyées par champ.

    Lisez le résultat
    JSON
    {
      "ok": true,
      "submissionId": "uuid",
      "status": "accepted"
    }

Paquets par framework

Les adaptateurs gèrent l’état des composants. Les routes serveur et les actions peuvent utiliser le client indépendant du framework.

Choisir un framework
  • React @formerie/react
  • Next.js @formerie/next
  • Vue @formerie/vue
  • Nuxt @formerie/nuxt
  • Svelte, SvelteKit @formerie/svelte
  • Astro @formerie/astro
  • Remix @formerie/remix
  • Angular @formerie/angular
  • Solid @formerie/solid
  • Qwik, Lit @formerie/client