Netlify Forms in Next.js 14 App Router

[nathanmartin]

For anyone encountering this thread having issues working with Netlify Forms and the Next.js Router, the following example may help:

Netlify Form Submission Not Working

There’s a new example on how to use forms (and other things) with Next.js App Router - see live demo which also explains the solution. The source for the form is here. The idea is: The form definition is in a static file - this is only used for Netlify detecting the forms on deploy The form itself has an onSubmit handler in code rather than an action - the handler makes a fetch request to submit the form.