More than 3 years have passed since last update.

HyperFormでお問い合わせフォームを実装してみた

Last updated at 2022-05-12Posted at 2022-05-12

はじめに

バックエンドサーバを用意せずにお問い合わせフォームを簡単に実装できる HyperForm がリリースされたので使ってみました。

使い方は超簡単。
<form>タグのactionにHyperFormで提供されたカスタムURLを設定し、POST送信するだけ。

<form
  method="post"
  action="https://hyperform.jp/api/4Xn7BB8d"
  className="lg:mx-5"
>

こんな感じ。

特にお問い合わせが来る想定はしていないけど、ポートフォリオサイトに設定してみました。
https://koukibuu3.net/

今回はライトにformを書いただけだけれども、非同期でPOSTメッセージを送信してあげる使い方もできそう。
時間があるときにもう少しちゃんと実装してみようと思います。

爆速でお問い合わせフォームが作れるので、とてもオススメです。