Form Builder.

The form builder plugin adds two collections to your application: Forms and Form Submissions. Forms are managed in the admin panel with a visual builder, and submissions are automatically tracked when visitors submit data through your forms.

Each form supports 13 field types (text, email, number, phone, URL, textarea, select, radio, checkbox, file, date, time, and hidden) with per-field validation, conditional logic, and width control. Forms have three statuses: Draft, Published, and Closed.

Submissions are stored with status tracking (new, read, archived), IP address, and user agent metadata. The plugin also includes honeypot spam protection, rate limiting, and email notification support via the Nextly email system.

Key capabilities

• Visual Form Builder — Drag fields from the palette onto your form canvas. Reorder, configure, and preview, all in the admin panel. 13 field types included.
• Submission Tracking — Every submission is stored with status tracking (new, read, archived), IP address, and user agent metadata.
• Spam Protection — Built-in honeypot fields and per-form rate limiting. Configure max submissions per time window to prevent abuse.
• Email Notifications — Send email notifications on form submission. Configure recipients, templates, and providers per form. CC/BCC supported.

13 field types included

• Text — Single-line text input
• Email — Email with validation
• Number — Numeric input with min/max
• Phone — Phone number input
• URL — URL with validation
• Textarea — Multi-line text
• Select — Dropdown selection
• Radio — Radio button group
• Checkbox — Boolean toggle
• File — File upload
• Date — Date picker
• Time — Time picker
• Hidden — Hidden field (honeypot)

Plugin configuration

Install the form builder plugin and add it to your Nextly config. Forms and Submissions collections are created automatically.

import { defineConfig } from "nextly/config";
import { formBuilder } from "@nextlyhq/plugin-form-builder";

const fb = formBuilder({
  spamProtection: {
    honeypot: true,
    rateLimit: {
      maxSubmissions: 10,
      windowMs: 60_000, // 1 minute
    },
  },
  notifications: {
    defaultFrom: "noreply@yoursite.com",
    enabled: true,
  },
});

export default defineConfig({
  plugins: [fb.plugin],
});

The plugin automatically adds its collections to your config. You can customize collection slugs, labels, and access control via the formOverrides and formSubmissionOverrides options.