Next.js
Formulario de contacto para Next.js sin crear un backend.
Enrutador de aplicaciones o Enrutador de páginas. Exportación estática o serverful. Simplemente ingrese una acción de formulario y reciba envíos por correo electrónico y webhook.
Cómo funciona
Tres pasos para la producción de formularios.
Cree un formulario
Genera una clave de acceso a FormsFort en el tablero.
Agregar a su página
Pegue el formulario HTML en cualquier página o componente de Next.js. No se necesita ruta API.
Implementar
Funciona con exportación estática, Vercel, Netlify o cualquier host. Los envíos se envían al correo electrónico al instante.
Configuración
Página de Next.js con formulario de contacto
export default function ContactPage() {
return (
<form action="https://api.formsfort.com/submit" method="POST">
<input type="hidden" name="access_key" value="YOUR_ACCESS_KEY" />
<input type="text" name="name" placeholder="Name" required />
<input type="email" name="email" placeholder="Email" required />
<textarea name="message" placeholder="Message" required></textarea>
<input type="checkbox" name="botcheck" style={{ display: "none" }} />
<button type="submit">Send</button>
</form>
);
}Migración
Lista de verificación de migración.
Mueve un formulario existente en minutos sin reconstruir el marcado.
Crea un formulario FormsFort y copia tu clave de acceso.
Agregue un elemento <form> a su página o componente Next.js.
Establezca la acción en https://api.formsfort.com/submit.
Agregue los campos de nombre, correo electrónico y mensaje.
Incluye un honeypot de verificación de bots para protección antispam.
Compilación e implementación. No se requiere ruta API.
Preguntas frecuentes
Preguntas comunes.
¿Funciona esto con Next.js App Router?
Sí. El formulario es HTML estándar y funciona tanto en App Router como en Pages Router.
¿Puedo usar esto con exportación estática?
Sí. FormsFort es un endpoint de API externo, por lo que funciona con salida: 'exportar' sin ninguna función de servidor.
¿Necesito una ruta API?
No. El navegador envía directamente en FormsFort. Si necesita validación del lado del servidor, puede agregar una ruta API que represente FormsFort.
¿Cómo manejo la respuesta?
Para envíos de JavaScript, obtenga el endpoint y lea la respuesta JSON. Para formularios HTML simples, el usuario es redirigido a la página de éxito que usted configura.
Dejar de administrar servidores de formularios.
Cree un endpoint de formulario de producción, migre su primer formulario de forma gratuita y escale cuando esté listo.