Nuxt

Contact form for Nuxt without a backend.

A Nuxt contact form does not need a Nitro route, server API, or custom email code. Post a standard form to FormsFort, keep the site static, and receive submissions by email or webhook.

Start paid plan Book free migration

How it works

Three steps to production forms.

Create a form

Create a FormsFort form and copy the public access key.

Add a Vue form

Paste the form into a Nuxt page or component. No server route is required.

Deploy anywhere

Use SSR, hybrid rendering, or static generation. The browser posts directly to FormsFort.

Setup

Nuxt page with contact form

<!-- pages/contact.vue -->
<template>
  <form action="https://api.formsfort.com/submit" method="POST">
    <input type="hidden" name="access_key" value="YOUR_ACCESS_KEY" />

    <label for="name">Name</label>
    <input id="name" name="name" type="text" autocomplete="name" required />

    <label for="email">Email</label>
    <input id="email" name="email" type="email" autocomplete="email" required />

    <label for="message">Message</label>
    <textarea id="message" name="message" rows="5" required></textarea>

    <input type="checkbox" name="botcheck" style="display:none" />
    <button type="submit">Send message</button>
  </form>
</template>

Start paid plan

Migration

Migration checklist.

Move an existing form in minutes without rebuilding markup.

Create a FormsFort form and copy the access key.

Add a contact.vue page or ContactForm.vue component.

Set the form action to https://api.formsfort.com/submit.

Keep the access key in a hidden input; do not add API secrets to Nuxt.

Add name, email, message, and botcheck fields.

Deploy and send a test submission from the production domain.

Related Resources

Keep building from here.

HTML form generator

Generate a backend-ready form snippet before adapting it to Nuxt.

Jamstack form backend

Use the same endpoint pattern across Nuxt, Astro, Hugo, 11ty, and static hosts.

Form spam prevention

Layer honeypots, captcha, allowed domains, and rate limits on public forms.

FAQ

Common questions.

Do I need a Nuxt server route for contact forms?

No. If the form only needs email delivery, spam filtering, uploads, or webhook forwarding, the browser can post directly to FormsFort.

Does this work with Nuxt static generation?

Yes. Because the form posts to an external endpoint, it works when Nuxt outputs static files.

Can I submit with fetch instead of a plain form post?

Yes. Use fetch() if you want an inline success state. Keep the same field names and post to the FormsFort submit endpoint.

Where should I store the FormsFort access key?

Use the public access key in a hidden form field. Do not expose admin API keys, OAuth tokens, or captcha secrets in Nuxt client code.

Stop managing form servers.

Create a production form endpoint, migrate your first form free, and scale when you are ready.

Start paid plan Book free migration