With Next.js and the Notion API, you can use the database feature to save all submissions directly to your Notion workspace. This is especially useful if you already use Notion as a project management tool and can bring everything together in one place. We’ll use two packages: react-toastify to display toast notifications on form submissions and @hq/client to interact with the Notions API.
Table of contents
PrerequisitesSetting up the Notion databaseCreating an integration for Notion and Next.jsWe made a custom demo for .\nNo really.Setting up the Next.js applicationBuilding and styling the contact formStoring confidential data in environment variablesInteracting with the Notion API via Next.js API routesAdding functionality to the contact formTesting the formConclusionLogRocket: Full visibility into production Next.js apps1 Comment
Sort: