JAMstack forms with Netlify
An easy solution to a common problem
Downsides - limited free tier
The free plan only allows for 100 submissions per month. This is on par with other servies out there, such as Formik and StaticKit, whose free tiers also offers 100 requests/month. For $19/month you get 1,000 submissions with Netlify.
I added a contact form to this Jekyll blog in a matter of minutes. You can follow the instructions on Netlify’s own blog post on this here. In short, here is what I did:
- In your forms opening tag, add netlify:
- Option, add spam protection with a hidden field (what’s called a honeypot) that bots might fill out and thereby be exposed:
- Check incoming form submissions in Netlify. You can also set email notifications to let you know when you have new submissions.
And that’s it! Netlify will recognize this form at build time, due to the added “netlify” in the opening form tag.
If you want a free option even as your usage grows, you can look at integrating a Google Form with an iframe into your static website.