---
title: "Creating contact forms with the Notion API and Next.js"
url: https://daily.dev/posts/creating-contact-forms-with-the-notion-api-and-next-js-1d9lpjrw5
source_url: https://blog.logrocket.com/creating-contact-forms-with-the-notion-api-and-next-js/
type: article
source: "LogRocket"
published: 2021-07-22T13:08:41.942Z
updated: 2026-03-15T03:29:48.669Z
tags: ["devtools", "general-programming", "nextjs"]
reading_time: 10
upvotes: 10
comments: 1
language: en
---

> ## Documentation Index
> Fetch the complete documentation index at: https://daily.dev/llms.txt
> Use this file to discover all available pages before exploring further.

# Creating contact forms with the Notion API and Next.js

**[LogRocket](https://daily.dev/sources/logrocket)** · 10 min read · 10 upvotes · 1 comments

## Summary

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.

## Full article

daily.dev links to this article rather than hosting it. Read it at the original source: <https://blog.logrocket.com/creating-contact-forms-with-the-notion-api-and-next-js/>

## Community discussion

Top comments from developers on daily.dev.

**@tanwanimohit** · 1 upvotes

> Nice one!

## Similar posts on daily.dev

- [Don’t just attend KubeCon \+ CloudNativeCon, Merge Forward your experience\!](https://daily.dev/posts/don-t-just-attend-kubecon-cloudnativecon-merge-forward-your-experience--l0rpp73x8) · CNCF · 0 upvotes · 0 comments
- [Announcing H2 2026 KCDs](https://daily.dev/posts/announcing-h2-2026-kcds-m96goajm1) · CNCF · 1 upvotes · 0 comments
- [Two months of Open Community Groups](https://daily.dev/posts/two-months-of-open-community-groups-asf52zhbs) · CNCF · 0 upvotes · 0 comments

---

Tags: [#devtools](https://daily.dev/tags/devtools), [#general-programming](https://daily.dev/tags/general-programming), [#nextjs](https://daily.dev/tags/nextjs)

[View this post on daily.dev](https://daily.dev/posts/creating-contact-forms-with-the-notion-api-and-next-js-1d9lpjrw5)