@formerie/next
Formerie pour Next.js
Envoyez les soumissions de Next.js à Formerie, sans garder de destinataires, de gabarits ni de clés de fournisseur dans votre code.
Installer
Ces paquets sont en version alpha : leurs API peuvent changer.
pnpm
pnpm add @formerie/nextnpm
npm install @formerie/nextYarn
yarn add @formerie/nextBun
bun add @formerie/nextUtiliser
createFormerieNextAction transforme un formulaire en Server Action, et le paquet réexporte les crochets React pour les composants client.
Il vous faut un formulaire publié. Remplacez example.com et contact par les identifiants de votre espace de travail et de votre formulaire, dans l’application.
import { createFormerieNextAction } from "@formerie/next";
const submitContact = createFormerieNextAction({
workspace: "example.com",
form: "contact",
});
export function ContactForm() {
return (
<form action={submitContact}>
<input name="email" type="email" />
<button>Send</button>
</form>
);
}Ce qui se passe ensuite
Formerie valide les champs sur le serveur, vérifie le pourriel, conserve la soumission et la livre selon vos réglages dans l’application. Votre code ne s’occupe que des champs et de la réponse.
Lire le guide des frameworksLes paquets sont en version alpha : leurs API peuvent changer. Les logos et les noms appartiennent à leurs propriétaires. Leur présence indique seulement que Formerie fonctionne avec ces technologies et ne suppose aucun partenariat ni soutien.
Créez un espace de travail et publiez votre premier formulaire.
En accès anticipé. Les nouveaux espaces de travail commencent avec le forfait Free.