Contact Form Kit — Next.js + Resend

Production-grade contact form with spam protection, rate limiting and branded email delivery.

A drop-in contact system for Next.js App Router projects. Server route with honeypot + per-IP rate limiting, client form with validation and optimistic UI, transactional delivery through Resend with a branded HTML template, and an admin-facing notification. Built from the same code that runs Backend.ly itself — battle-tested against real spam. Includes: form component (shadcn/ui), API route, email template, rate limiter module, and a step-by-step install guide.

Features

• Honeypot + per-IP rate limiting (5/hour)
• Branded transactional email via Resend outbox
• Zod-style server-side validation
• Accessible form with full keyboard support
• Dark & light mode ready
• 5-minute install guide

Requirements

Node.js 18+, a Resend API key, Next.js 14 or newer.

Changelog