Hi,
I added netlify forms to a Nextjs site following this article
And submissions work! But only on my site.netlify.app and not on the custom domain site.com website.
One major thing I noticed is that the cache storage is empty on the site.netlify.app website but populated on the custom domain site.com website.
After clearing cache on the website with the custom domain it worked. I also added the netlify-honeypot=“bot-field” field to the form and it’s associated inputs. Then I cleared cache and redeployed.
So far so good. It works now. But I want to prevent this from happening down the line. But is adding the netlify-honeypot=“bot-field” enough? Is there any configuration I need to do on netlify to prevent this?
__forms.html
<form
name="contact-page-form"
data-netlify="true"
netlify-honeypot="bot-field"
hidden
>
<input type="hidden" name="bot-field" />
<input type="hidden" name="form-name" value="contact-page-form" />
<input type="text" name="fullName" />
<input type="text" name="email" />
<input type="text" name="phone" />
<input type="text" name="message" />
</form>
<form
name="class-page-form"
data-netlify="true"
netlify-honeypot="bot-field"
hidden
>
<input type="hidden" name="bot-field" />
<input type="hidden" name="form-name" value="class-page-form" />
<input type="text" name="fullName" />
<input type="text" name="email" />
<input type="text" name="phone" />
<input type="text" name="message" />
</form>