Vite Form Backend

Why Vite apps need a form backend

Vite is a frontend build tool. The production output is static assets unless you add your own server.

• Vite preview and static hosts do not process form POSTs for you.
• Adding Express beside Vite just for contact forms increases ops.
• Client-only fetch calls still need a real endpoint that stores and emails leads.
• Host-locked form products make multi-host Vite deploys harder.

How Formgrid works with Vite

Build with Vite as usual. Formgrid is the HTTPS endpoint your HTML form posts to after deploy.

Connect a Vite form in four steps

Create a Formgrid form, set the action in your Vite app form, build, and manage leads.

1. 1

   Create a form

   Create a Formgrid form and copy the endpoint URL.

2. 2

   Point the action

   Set method="POST" and action on your Vite app form.

3. 3

   Build and deploy

   Run the Vite production build and publish the dist folder.

4. 4

   Manage leads

   Use email alerts, pipeline statuses, and reminders.

Features for static site forms

Formgrid goes beyond inbox forwarding so marketing sites and developer portfolios can manage real enquiries.

Example integration

Point a standard HTML form at your Formgrid endpoint. Field names map directly to the submission dashboard.

<form action="https://formgrid.dev/api/f/your-form-id" method="POST">
  <label>
    Name
    <input type="text" name="name" required />
  </label>
  <label>
    Email
    <input type="email" name="email" required />
  </label>
  <label>
    Message
    <textarea name="message" required></textarea>
  </label>
  <button type="submit">Send</button>
</form>

Replace your-form-id with your form ID from the Formgrid dashboard.

Related form backends