まったくもってサイトにリアクションがないのは寂しい、かといって Disqus のようなコメントフォームを設置するのはどうなんだろうなーと思って、ちょうどよい距離感かもしれないないメールフォームであるところの「おたよりフォーム」を作ってみた。

記事下部から送れると思うので、お気軽におたよりください。

静的サイトでのメールフォームの実装

100通までは無料らしい Getform と、スパム投稿防止のため reCAPTCHA v3 で実装した。Getform のドキュメントには reCAPTCHA v2 でも動くようなのでまずそちらで作ってみたら、うまく動かず v3 にしたらあったりと動いた罠…。時間を無駄にした。

このサイトは Firebase hosting なのだけど、netlify だとデプロイ時に HTML を置換していい感じに form 送信したデータを取得できるようになる機能があるのか。なにそれすごい。

Netlify comes with built-in form handling. Our build bots do it by parsing your HTML files directly at deploy time, so there's no need for you to make an API call or include extra JavaScript on your site.