I have a simple form on my frontpage build using this tutorial here. Here is the code block for my ContactForm Component: import React, { useState } from "react"; import { useRouter } from "next/router"; import styles from '../styles/Contact.module.scss' const ContactForm = ({ contact }) => { …

Here was my attempt on the static html solution but I still got an 405 error. Any ideas what to try nexct? import React, { useState } from "react"; import { useRouter } from "next/router"; import styles from '../styles/Contact.module.scss' const ContactForm = ({ contact }) => { const [submitte…

I wouldn’t expect form submissions to work in local development; I don’t think our CLI or netlify dev mocks them up. Can you link us to the page of static html on the web? We want to submit ourselves to see what happens and examine how it is being submitted (since we will be checking the things i…

Hi, thank you for the response. I updated my main branch and now the static form should be alive here: https://koli22.netlify.app/form.html

I tried this but and I updated my live site and now the post submit gives me a 404 error: import React, { useState } from "react"; import { useRouter } from "next/router"; import styles from '../styles/Contact.module.scss' const ContactForm = ({ contact }) => { const [submitterName, setSubmitt…

[image] otsolap: However someone has tested my form 22 minutes ago I did that, by submitting the form on form.html. The 404 is because Next.js is messing up the form-name: [image] That’s the data that’s being sent. Based on this line: https://github.com/otsolap/Koli/blob/main/components/C…

Ahaa I did not know the file was being corrupted. I went a step further and removed all references to useState and updated my main. Now the site has the post working but my form does not get any notifications still. Is myt bot-field somehow incorrectly implemented?

[image] hrishikesh: Bot field should not have a value: I quite did not mean what you meant by the bot-field value, you mean the type? I wrapped it around a hidden P-tag now just to be sure. I updated the main branch and the action /form.html?success=true now crashes the page. :-/ Should I ha…

I just meant you need to remove value from bot-field. But your current setup works too. No problems there. About the latest 404, it’s happening because: otsolap/Koli/blob/main/components/ContactForm.js#L34 netlify-honeypot="bot-field" > <…

Oh wow I completely misread the instructions on that one… I got my notification now! :slight_smile: Live site has been updated, but it went to my spam filter so is there anything I could do about that? After that one I think we can consider this case solved.

NextJS + Netlify Form | Form Submission causes HTTP Error 405

Support

hrishikesh July 30, 2022, 12:52pm 9

Bot field should not have a value:

https://github.com/otsolap/Koli/blob/main/components/ContactForm.js#L29

Also, the submission part is not working because of point 2 mentioned here (section Submits fine, yet no submissions in UI):

Instead, try changing action to /form.html?success=true.

Topic		Replies	Views
Netlify Form Submission Not Working Support netlify-forms , nextjs	15	2749	June 20, 2024
Next.js v 14.2.4 405 Method not Allowed on Form Submission Support netlify-forms , nextjs	37	1502	August 11, 2024
NextJS & Netlify Form Debugging Support netlify-forms , netlify-newbie , nextjs	15	428	May 8, 2024
The netlify form submission POST request returns 404 Support netlify-forms , nextjs	2	260	April 24, 2024
Netlify Form using NextJS 13.5.5 - 405 Method Not Allowed Support netlify-forms , nextjs	10	361	July 1, 2024

NextJS + Netlify Form | Form Submission causes HTTP Error 405

Related topics