LoginSignup
1

More than 1 year has passed since last update.

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

Last updated at Posted 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メッセージを送信してあげる使い方もできそう。
時間があるときにもう少しちゃんと実装してみようと思います。

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

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
What you can do with signing up
1