Formulario de contacto con Next.js y Notion API

Next.jsNotion APIRedisZod

Implementa un formulario de contacto con Next.js que guarda los mensajes en Notion, con validación y buenas prácticas de seguridad.

Publicado por Felipe Giraldo


Introducción

Un formulario de contacto es esencial en cualquier sitio web. En este artículo veremos cómo guardar los mensajes directamente en una base de datos de Notion.

Flujo del formulario

  1. Usuario envía el mensaje
    1. Validación con Zod
      1. Guardado en Notion
        1. Respuesta al usuario

          Seguridad

          • Validación de datos
            • Rate limiting
              • Manejo de errores

                Conclusión

                Notion es una excelente alternativa para manejar formularios sin backend complejo.