Using Notion as your Database

• contact

  1 3 10.0 TypeScript

  How to build a Contact form using Notion API powered by Vercel Serverless functions

You will need to create a form to capture the user's contact message. I've decided to provide fields for: (a) User(name), (b) Email and (c) Comment. I'm using React's useState() API to manage my form's state. You can learn more about it here. The form's data structure I'm using looks like this:

• React

  1,691 221,535 9.8 JavaScript

  The library for web and native user interfaces.

  

We'll be using React, Next.js, Mantine and Notion (as our database). We will not be integrating authentication for this project, purposefully so to remove any friction and to allow anyone to send a 'Contact Us' message.

• SurveyJS

  surveyjs.io sponsored

  Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.

  

• Next.js

  2,040 120,313 10.0 JavaScript

  The React Framework

  

We'll be using React, Next.js, Mantine and Notion (as our database). We will not be integrating authentication for this project, purposefully so to remove any friction and to allow anyone to send a 'Contact Us' message.

• mantine

  223 24,233 9.9 TypeScript

  A fully featured React components library

  

We'll be using React, Next.js, Mantine and Notion (as our database). We will not be integrating authentication for this project, purposefully so to remove any friction and to allow anyone to send a 'Contact Us' message.

Suggest a related project