@formerie/nuxt

Formerie for Nuxt

Send form submissions from Nuxt to Formerie, without holding recipients, templates, or provider keys in your code.

Start free

Works with

Install

These packages are in alpha, so their APIs may change.

pnpm

pnpm add @formerie/nuxt

npm

npm install @formerie/nuxt

Yarn

yarn add @formerie/nuxt

Bun

bun add @formerie/nuxt

Use it

createFormerieNuxtSubmitHandler makes a server route that forwards to Formerie, and the package re-exports the Vue composables.

You’ll need a published form. Replace example.com and contact with your workspace and form handles from the app.

import { readFormData } from "h3";
import { createFormerieNuxtSubmitHandler } from "@formerie/nuxt";

export default defineEventHandler(
  createFormerieNuxtSubmitHandler(
    {
      workspace: "example.com",
      form: "contact",
    },
    {
      readFormData,
    },
  ),
);

What happens next

Formerie validates the fields on the server, checks for spam, stores the submission, and delivers it the way you configured in the app. Your code only handles the fields and the response.

Read the framework guide

The packages are in alpha, so their APIs may change. Logos and names belong to their owners. Their use only says Formerie works with these technologies, and doesn’t imply partnership or endorsement.

Create a workspace and publish your first form.

In early access. New workspaces start on the Free plan.

Start free See the plans